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 ERR！代码ELIFECYCLE npm ERR！错误2 npm ERR！ asp.net@1.0.0构建：webpack npm ERR！退出状态2 npm ERR！ npm ERR！在asp.net@1.0.0生成脚本处失败。 npm ERR！ 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'

它应该正常工作，请检查一下吗？

找不到模块：错误：无法解析“ ./foo/foo.scss”

1 个答案: