react-native-iconify icon indicating copy to clipboard operation
react-native-iconify copied to clipboard
verified publisher icon oktaysenkan

SvelteKit [vite] (ssr) Cannot find module '@monicon/icon-loader' imported from '^^^/node_modules/@monicon/svelte/dist/Monicon.svelte'

Open wind-mask opened this issue 8 months ago • 0 comments

Simplest reproduction:

 bunx sv create # default setting
 # then follow https://monicon-docs.vercel.app/installation/svelte
 bun add @monicon/svelte @monicon/vite
 bun add --dev @iconify/json

Then vite.config.ts:

import { sveltekit } from '@sveltejs/kit/vite';
import { defineConfig } from 'vite';

import monicon from "@monicon/vite";
export default defineConfig({
	plugins: [sveltekit(),

monicon({
      icons: [
        "mdi:home",
        "feather:activity",
        "logos:active-campaign",
        "lucide:badge-check",
      ],
      // Load all icons from the listed collections
      collections: ["radix-icons"],
    }),	]
});

src/routes/+page.svelte:

 <script>
    import { Monicon } from "@monicon/svelte";
  </script>
 
  <main>
      <Monicon name="mdi:home" />
      <Monicon name="logos:active-campaign" size={30} />
      <Monicon name="feather:activity" color="red" />
      <Monicon name="lucide:badge-check" size={24} strokeWidth={4} />
  </main>

Thenbun run dev and

 bun run dev
$ vite dev
00:57:09 [vite] (client) Forced re-optimization of dependencies

  VITE v6.2.4  ready in 1302 ms

  ➜  Local:   http://localhost:5173/
  ➜  Network: use --host to expose
  ➜  press h + enter to show help
00:57:11 [vite] (ssr) Error when evaluating SSR module /src/routes/+page.svelte: Cannot find module '@monicon/icon-loader' imported from 'R:/CODE/test/test/node_modules/@monicon/svelte/dist/Monicon.svelte'
      at fetchModule (file:///R:/CODE/test/test/node_modules/vite/dist/node/chunks/dep-DrOo5SEf.js:52068:19)
      at RunnableDevEnvironment.fetchModule (file:///R:/CODE/test/test/node_modules/vite/dist/node/chunks/dep-DrOo5SEf.js:53162:12)
      at fetchModule (file:///R:/CODE/test/test/node_modules/vite/dist/node/chunks/dep-DrOo5SEf.js:53120:21)
      at handleInvoke (file:///R:/CODE/test/test/node_modules/vite/dist/node/chunks/dep-DrOo5SEf.js:44509:28)
      at EventEmitter.listenerForInvokeHandler (file:///R:/CODE/test/test/node_modules/vite/dist/node/chunks/dep-DrOo5SEf.js:44582:25)
      at EventEmitter.emit (node:events:518:28)
      at Object.send (file:///R:/CODE/test/test/node_modules/vite/dist/node/chunks/dep-DrOo5SEf.js:30831:40)
      at Object.invoke (file:///R:/CODE/test/test/node_modules/vite/dist/node/module-runner.js:610:34)
      at Object.invoke (file:///R:/CODE/test/test/node_modules/vite/dist/node/module-runner.js:671:34)
      at SSRCompatModuleRunner.getModuleInformation (file:///R:/CODE/test/test/node_modules/vite/dist/node/module-runner.js:1192:94)
Error: Cannot find module '@monicon/icon-loader' imported from 'R:/CODE/test/test/node_modules/@monicon/svelte/dist/Monicon.svelte'
    at fetchModule (file:///R:/CODE/test/test/node_modules/vite/dist/node/chunks/dep-DrOo5SEf.js:52068:19)
    at RunnableDevEnvironment.fetchModule (file:///R:/CODE/test/test/node_modules/vite/dist/node/chunks/dep-DrOo5SEf.js:53162:12)
    at fetchModule (file:///R:/CODE/test/test/node_modules/vite/dist/node/chunks/dep-DrOo5SEf.js:53120:21)
    at handleInvoke (file:///R:/CODE/test/test/node_modules/vite/dist/node/chunks/dep-DrOo5SEf.js:44509:28)
    at EventEmitter.listenerForInvokeHandler (file:///R:/CODE/test/test/node_modules/vite/dist/node/chunks/dep-DrOo5SEf.js:44582:25)
    at EventEmitter.emit (node:events:518:28)
    at Object.send (file:///R:/CODE/test/test/node_modules/vite/dist/node/chunks/dep-DrOo5SEf.js:30831:40)
    at Object.invoke (file:///R:/CODE/test/test/node_modules/vite/dist/node/module-runner.js:610:34)
    at Object.invoke (file:///R:/CODE/test/test/node_modules/vite/dist/node/module-runner.js:671:34)
    at SSRCompatModuleRunner.getModuleInformation (file:///R:/CODE/test/test/node_modules/vite/dist/node/module-runner.js:1192:94) {
  code: 'ERR_MODULE_NOT_FOUND',
  runnerError: Error: RunnerError
      at reviveInvokeError (file:///R:/CODE/test/test/node_modules/vite/dist/node/module-runner.js:541:18)
      at Object.invoke (file:///R:/CODE/test/test/node_modules/vite/dist/node/module-runner.js:624:15)
      at async SSRCompatModuleRunner.getModuleInformation (file:///R:/CODE/test/test/node_modules/vite/dist/node/module-runner.js:1192:73)
      at async request (file:///R:/CODE/test/test/node_modules/vite/dist/node/module-runner.js:1214:88)
      at async eval (R:/CODE/test/test/node_modules/@monicon/svelte/dist/Monicon.svelte:3:153)
      at async ESModulesEvaluator.runInlinedModule (file:///R:/CODE/test/test/node_modules/vite/dist/node/module-runner.js:1049:5)
      at async SSRCompatModuleRunner.directRequest (file:///R:/CODE/test/test/node_modules/vite/dist/node/module-runner.js:1271:61)
      at async SSRCompatModuleRunner.directRequest (file:///R:/CODE/test/test/node_modules/vite/dist/node/chunks/dep-DrOo5SEf.js:30915:23)
      at async SSRCompatModuleRunner.cachedRequest (file:///R:/CODE/test/test/node_modules/vite/dist/node/module-runner.js:1167:76)
      at async eval (R:/CODE/test/test/node_modules/@monicon/svelte/dist/index.js:3:44)
}

if add @monicon/icon-loader:

bun run dev
$ vite dev
01:03:37 [vite] (client) Re-optimizing dependencies because lockfile has changed

  VITE v6.2.4  ready in 1179 ms

  ➜  Local:   http://localhost:5173/
  ➜  Network: use --host to expose
  ➜  press h + enter to show help
01:03:38 [vite] (ssr) Error when evaluating SSR module /src/routes/+page.svelte: Cannot find package '@monicon/runtime' imported from R:\CODE\test\test\node_modules\@monicon\icon-loader\dist\index.mjs
      at Object.getPackageJSONURL (node:internal/modules/package_json_reader:268:9)
      at packageResolve (node:internal/modules/esm/resolve:768:81)
      at moduleResolve (node:internal/modules/esm/resolve:854:18)
      at defaultResolve (node:internal/modules/esm/resolve:984:11)
      at ModuleLoader.defaultResolve (node:internal/modules/esm/loader:685:12)
      at #cachedDefaultResolve (node:internal/modules/esm/loader:634:25)
      at ModuleLoader.resolve (node:internal/modules/esm/loader:617:38)
      at ModuleLoader.getModuleJobForImport (node:internal/modules/esm/loader:273:38)
      at ModuleJob._link (node:internal/modules/esm/module_job:135:49)
Error [ERR_MODULE_NOT_FOUND]: Cannot find package '@monicon/runtime' imported from R:\CODE\test\test\node_modules\@monicon\icon-loader\dist\index.mjs
    at Object.getPackageJSONURL (node:internal/modules/package_json_reader:268:9)
    at packageResolve (node:internal/modules/esm/resolve:768:81)
    at moduleResolve (node:internal/modules/esm/resolve:854:18)
    at defaultResolve (node:internal/modules/esm/resolve:984:11)
    at ModuleLoader.defaultResolve (node:internal/modules/esm/loader:685:12)
    at #cachedDefaultResolve (node:internal/modules/esm/loader:634:25)
    at ModuleLoader.resolve (node:internal/modules/esm/loader:617:38)
    at ModuleLoader.getModuleJobForImport (node:internal/modules/esm/loader:273:38)
    at ModuleJob._link (node:internal/modules/esm/module_job:135:49) {
  code: 'ERR_MODULE_NOT_FOUND'
}

Environment:

bun -v
1.2.7
bunx sv -v
0.7.2

package.json:

{
	"name": "test",
	"private": true,
	"version": "0.0.1",
	"type": "module",
	"scripts": {
		"dev": "vite dev",
		"build": "vite build",
		"preview": "vite preview",
		"prepare": "svelte-kit sync || echo ''",
		"check": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json",
		"check:watch": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json --watch"
	},
	"devDependencies": {
		"@iconify/json": "^2.2.322",
		"@sveltejs/adapter-auto": "^4.0.0",
		"@sveltejs/kit": "^2.16.0",
		"@sveltejs/vite-plugin-svelte": "^5.0.0",
		"svelte": "^5.0.0",
		"svelte-check": "^4.0.0",
		"typescript": "^5.0.0",
		"vite": "^6.0.0"
	},
	"dependencies": {
		"@monicon/icon-loader": "^1.2.2",
		"@monicon/svelte": "^1.2.2",
		"@monicon/vite": "^1.2.2"
	}
}

test.tar.gz

wind-mask avatar Apr 01 '25 17:04 wind-mask