framework
framework copied to clipboard
nuxt
[RC 10] TypeError: error loading dynamically imported module
Environment
- Operating System:
Windows_NT - Node Version:
v16.14.2 - Nuxt Version:
3.0.0-rc.10 - Nitro Version:
0.5.3 - Package Manager:
[email protected] - Builder:
vite - User Config:
- - Runtime Modules:
- - Build Modules:
-
Reproduction
After upgrading from RC 6 to RC 10 and running npm run dev, I get errors (see below) whenever loading a page where content is managed by Nuxt Content (other pages work fine). I am using useAsyncData and queryContent to get the content for these pages then ContentRenderer and ContentRendererMarkdown to display them.
Describe the bug
I have tested on Firefox and Chrome in dev mode.
On Firefox, the page will load after a long delay and a Flash Of Unstyled Content with these errors:
TypeError: error loading dynamically imported module
Loading failed for the module with source “http://localhost:3000/_nuxt/node_modules/@nuxtjs/tailwindcss/dist/runtime/tailwind.css?t=1663381688353”.
[hmr] Failed to reload /node_modules/@nuxtjs/tailwindcss/dist/runtime/tailwind.css. This could be due to syntax errors or importing non-existent modules. (see errors above)
On Chrome it will load the page but then keep requesting the same resource in an indefinite loop.
Additional context
npm list
├── @nuxt/[email protected]
├── @nuxtjs/[email protected]
├── @pinia/[email protected]
├── @tailwindcss/[email protected]
├── [email protected]
├── [email protected]
├── [email protected]
├── [email protected]
├── [email protected]
├── [email protected]
└── [email protected]
Logs
TypeError: error loading dynamically imported module
Loading failed for the module with source “http://localhost:3000/_nuxt/node_modules/@nuxtjs/tailwindcss/dist/runtime/tailwind.css?t=1663381688353”.
[hmr] Failed to reload /node_modules/@nuxtjs/tailwindcss/dist/runtime/tailwind.css. This could be due to syntax errors or importing non-existent modules. (see errors above)
