[英]How do I solve Error importing a css file with next.js?
错误:
./node_modules/quill-emoji/dist/quill-emoji.css
ModuleParseError: Module parse failed: Unexpected character '�' (1:0)
You may need an appropriate loader to handle this file type, currently no loaders are configured to process this file. See https://webpack.js.org/concepts#loaders
(Source code omitted for this binary file)
在_app.js
中,我有:
import "quill-emoji/dist/quill-emoji.css";
在next.config.js
中:
const withCSS = require('@zeit/next-css');
const withImages = require("next-images");
const withPlugins = require("next-compose-plugins");
if (typeof require !== 'undefined') {
require.extensions['.less'] = () => {};
require.extensions['.css'] = file => {};
}
module.exports = withPlugins([
withImages,
withCSS
], {
devIndicators: {
autoPrerender: false,
},
webpack: (config, { buildId, dev, isServer, defaultLoaders, webpack }) => {
...
})
表情符号 css似乎包含data:image
的内容并加载 svg 的内联内容。
我正在尝试使用多个加载器,但找不到正确的序列,您可能需要resolve-url-loader
在某些特定序列中。
最好只使用next/head
链接它并收工。
我认为表情符号图标是 svg。 您可能需要 svg 加载程序来解决此问题。
next-images 添加了对 jpg、jpeg、svg、png、ico、webp 和 gif 图像的支持。
注意:我没有用羽毛笔测试过这个
这是一个示例片段。
const withImages = require("next-images");
module.exports = withImages({
webpack(config, options) {
return config;
}
});
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.