lucide: Vite+Solid and lucide-solid, Loading failed for the module

Package

  • lucide
  • lucide-angular
  • lucide-flutter
  • lucide-preact
  • lucide-react
  • lucide-react-native
  • lucide-solid
  • lucide-svelte
  • lucide-vue
  • lucide-vue-next
  • Figma plugin
  • source/main
  • other/not relevant

Version

0.292.0

Browser

  • Chrome/Chromium
  • Firefox
  • Safari
  • Edge
  • iOS Safari
  • Opera
  • Other/not relevant

Operating system

  • Windows
  • Linux
  • macOS
  • Other/not relevant

Description

Using Vite+Solid(TS)

dev server starts but the webpage doesn’t load, Its just blank, no errors in the terminal.

Got this in firefox console when running the dev server.

Loading failed for the module with source “http://localhost:5173/node_modules/.pnpm/lucide-solid@0.292.0_solid-js@1.8.5/node_modules/lucide-solid/dist/source/icons/sun.jsx?v=4ec9cb1e”. localhost:5173:14:47

When I build it with pnpm build and pnpm preview It works fine. Page loads without any issue.

Steps to reproduce

  1. pnpm create vite@latest (and choose solid with TS)
  2. pnpm install lucide-solid
  3. Add any Lucide icon in the App.tsx Ex:
import { Sun } from "lucide-solid";

<Sun />
  1. run pnpm dev
  2. open http://localhost:5173 in the browser

Checklist

  • I have searched if someone has submitted a similar issue before and there weren’t any. (Please make sure to also search closed issues, as this issue might already have been resolved.)

About this issue

  • Original URL
  • State: open
  • Created 8 months ago
  • Reactions: 1
  • Comments: 29 (12 by maintainers)

Most upvoted comments

Any update on this? I have the same issue, Mac + Chrome.

Edit:

Make sure that you don’t have any extensions that can block resources during development. In my case uBlock origin was blocking one of the icon chunks. After disabling uBlock it works without any issue.

Loading failed for the module with source “http://localhost:5173/node_modules/.pnpm/lucide-solid@0.292.0_solid-js@1.8.5/node_modules/lucide-solid/dist/source/icons/sun.jsx?v=4ec9cb1e”. localhost:5173:14:47

@jguddas Have you encountered a similar error in Firefox as I did?

In Linux+Firefox, I get a bunch of very similar errors and a blank page.

Loading failed for the module with source “https://solidjstemplatesgbewty-wxq5--3000--5a198b5c.local-corp.webcontainer.io/node_modules/.pnpm/lucide-solid@0.292.0_solid-js@1.7.6/node_modules/lucide-solid/dist/source/icons/zoom-out.jsx?v=96746c63”.

I’m reopening this since it’s not yet been resolved.

@ericfennis actually I don’t have any extensions either, but still it won’t work as I mentioned in the conversation above. It would be better if we reopen this issue.

Make sure that you don’t have any extensions that can block resources during development.

I disabled every extension and even tried incognito mode. Blank page, infinite loading, and after a while it crashes the tab ,with no error on console. Arch Linux + Chrome 121

It’s really sad, seemed like a good icon lib, unfortunately it doesn’t work at all.

I can reproduce it on Linux in the stackblitz with both Chrome and Firefox.

image