npm run build error, run dev not working

Followed the directions I made a new theme

php artisan make:filament-theme admin

php artisan make:filament-theme admin

Followed these steps

  ⇂ First, add a new item to the `input` array of `vite.config.js`: `resources/css/filament/admin/theme.css`  
  ⇂ Next, register the theme in the admin panel provider using `->viteTheme('resources/css/filament/admin/theme.css')`  
  ⇂ Finally, run `npm run build` to compile the theme

  ⇂ First, add a new item to the `input` array of `vite.config.js`: `resources/css/filament/admin/theme.css`  
  ⇂ Next, register the theme in the admin panel provider using `->viteTheme('resources/css/filament/admin/theme.css')`  
  ⇂ Finally, run `npm run build` to compile the theme

Run build does include my custom page and the tailwind class take effect! great.
But I get a warning that does not make sense:

warn - The `content` option in your Tailwind CSS configuration is missing or empty.
warn - Configure your content sources or your generated CSS will be missing styles.
warn - https://tailwindcss.com/docs/content-configuration

warn - The `content` option in your Tailwind CSS configuration is missing or empty.
warn - Configure your content sources or your generated CSS will be missing styles.
warn - https://tailwindcss.com/docs/content-configuration

Also npm run dev does NOT effect my custom page changes
Gist of files https://gist.github.com/ddoddsr/f777762adb35c1908546ce98a1d1e3b5

Gist

Missing content warning and npm run dev does not process changes

Missing content warning and npm run dev does not process changes - postcss.config.js

Solution

Are you using an Adblocker?

Jump to solution

Filament•2y ago•

24 replies

ddoddsr

npm run build error, run dev not working

Followed the directions I made a new theme

php artisan make:filament-theme admin

php artisan make:filament-theme admin

Followed these steps

  ⇂ First, add a new item to the `input` array of `vite.config.js`: `resources/css/filament/admin/theme.css`  
  ⇂ Next, register the theme in the admin panel provider using `->viteTheme('resources/css/filament/admin/theme.css')`  
  ⇂ Finally, run `npm run build` to compile the theme

  ⇂ First, add a new item to the `input` array of `vite.config.js`: `resources/css/filament/admin/theme.css`  
  ⇂ Next, register the theme in the admin panel provider using `->viteTheme('resources/css/filament/admin/theme.css')`  
  ⇂ Finally, run `npm run build` to compile the theme

Run build does include my custom page and the tailwind class take effect! great.
But I get a warning that does not make sense:

warn - The `content` option in your Tailwind CSS configuration is missing or empty.
warn - Configure your content sources or your generated CSS will be missing styles.
warn - https://tailwindcss.com/docs/content-configuration

warn - The `content` option in your Tailwind CSS configuration is missing or empty.
warn - Configure your content sources or your generated CSS will be missing styles.
warn - https://tailwindcss.com/docs/content-configuration

Also npm run dev does NOT effect my custom page changes
Gist of files https://gist.github.com/ddoddsr/f777762adb35c1908546ce98a1d1e3b5

Gist

Missing content warning and npm run dev does not process changes

Missing content warning and npm run dev does not process changes - postcss.config.js

Solution

Are you using an Adblocker?

Jump to solution

npm run build error, run dev not working

npm run build error, run dev not working

Similar Threads

Similar Threads

Similar Threads