时间戳

首页 > 解决方案 > 如何解决使用 next.js 导入 css 文件时出错？

javascript - 如何解决使用 next.js 导入 css 文件时出错？

问题描述

错误：

./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 }) => {
...
})

标签： javascriptreactjsbabeljsnext.js

解决方案

表情符号 css似乎包含data:image并加载 svg 的内联内容。

我正在尝试使用多个加载器，但找不到正确的序列，您可能需要resolve-url-loader某些特定的序列。

最好只使用链接它next/head并称之为一天。

推荐阅读