smartblock
smartblock copied to clipboard
appleple
Smartblocks is not compatible with Next.js
Smartblocks i great, unfotunately I can't use it with Next,js, due to to css imports.
When it's included Nestjs gives the following error
./node_modules/prosemirror-tables/style/tables.css
Global CSS cannot be imported from within node_modules.
Read more: https://err.sh/next.js/css-npm
Location: node_modules/smartblock/lib/extensions/default-plugins.js
The explanation under https://err.sh/next.js/css-npm is
Why This Error Occurred
One of your dependencies (node_modules) imports a CSS file.
This normally happens when a package's source files are accidentally consumed, instead of the built package.
Possible Ways to Fix It
Reach out to the maintainer and ask for them to publish a compiled version of their dependency.
Compiled dependencies do not have references to CSS files, or any other files that require bundler-specific integrations.
The dependency should also provide instructions about what CSS needs to be imported by you, in your application.
Importing CSS files within node_modules cannot be supported because we cannot know the correct behavior:
Should the file be consumed as Global CSS or CSS Modules?
If Global, in what order does the file need to be injected?
If Modules, what are the emitted class names? As-is, camel-case, snake case?
Etc...
