未找到模块：错误：无法解析 './foo/foo.scss' in

Question

我无法将我的 scss 文件导入到我的 tsx 文件中。我收到以下错误：

./wwwroot/clientapp/components/technology/technology.tsx 中的错误 找不到模块：错误：无法解析“C:\Repo\hobby\01.Code\Core\wwwroot\clientapp\components\technology”中的“./technology/technology.scss” @ ./wwwroot/clientapp/components/technology/technology.tsx 3:0-38 @ ./wwwroot/clientapp/app.tsx npm 错误！代码生命周期 npm 错误！错误号 2 npm 错误！ asp.net@1.0.0 构建：webpack npm 错误！退出状态 2 npm 错误！ npm 错误！在 asp.net@1.0.0 构建脚本中失败。 npm 错误！这可能不是 npm 的问题。上面可能还有额外的日志输出。

我的 webpack：

        {
            test: /\.scss$/,
            use: [
                { loader: "style-loader" },
                {
                    loader: "typings-for-css-modules-loader",
                    options: {
                        namedexport: true,
                        camelcase: true,
                        modules: true
                    }
                },
                { loader: "sass-loader" }
            ]
        },

在新文件夹类型下添加了声明文件：

declare module '*.css' {
    const content: { [className: string]: string; };
    export default content;
}
declare module '*.scss' {
    const content: { [className: string]: string; };
    export default content;
}

然后导入：

import './foo/foo.scss';

当我执行npm run build 时，我收到上述错误。

Answer 1

如果您更改导入来源，则会出现错误消息

'./technology/technology.scss'

到

'./technology.scss'

它应该可以工作，你能检查一下吗？