reactjs - 接下来js导入scss报错(ModuleParseError : Module parse failed: Unexpected character '�' (1:0))

Question

我的问题是

当我在“ProjectFolder/components/header/Header.js”中导入如下 scss 文件时

(Header.js 位于相同的'pages'目录level.v)

import "../../public/assets/scss/_reset.scss";

引发此错误..

我也像这样创建 next.config.js。

// next.config.js setting
const withSass = require('@zeit/next-sass');
module.exports = withSass();

还有我的 package.json

我听说 '/' 路径正在自动解析 'public' 目录...

所以我也试过了

import "/assets/scss/_reset.scss";

但是发布了同样的问题..

我能知道为什么..吗？

感谢您的阅读:)

Answer 1

我解决了这个问题!更改 next.config.js!

const withSass = require('@zeit/next-sass');
const withCSS = require("@zeit/next-css");
module.exports = withCSS(withSass({
    webpack(config, options) {
        config.module.rules.push({
            test: /\.(png|jpg|gif|svg|eot|ttf|woff|woff2)$/,
            use: {
                loader: 'url-loader',
                options: {
                    limit: 100000
                }
            }
        });

        return config;
    }
}));