gpt4 book ai didi

webpack - 为什么我的 webpack 在编译 .sass 文件时试图加载 .js 文件?

转载 作者:行者123 更新时间:2023-12-02 01:10:44 25 4
gpt4 key购买 nike

我正在尝试使用 blueprintjs,所以我遵循了教程中的这一行:

主.sass

@import "~@blueprintjs/core";

但是我的 webpack-dev-server 给我这个错误日志:

ERROR in ./node_modules/css-loader?{"minimize":false}!./node_modules/postcss-loader/lib?{"sourceMap":true}!./node_modules/resolve-url-loader!./node_modules/sass-loader/lib/loader.js?{"sourceMap":true}!./app/javascript/packs/main.sass
Module build failed:
*/
^
Invalid CSS after " */": expected 1 selector or at-rule, was '"use strict";'
in <redacted>/node_modules/@blueprintjs/core/dist/index.js (line 6, column 4)
webpack: Failed to compile.

所以我很困惑为什么它试图将 index.js 文件作为 sass 解析为 css!

查看./config/webpack/loaders/sass.js,我还没有接触过:

const ExtractTextPlugin = require('extract-text-webpack-plugin')
const { env } = require('../configuration.js')

module.exports = {
test: /\.(scss|sass|css)$/i,
use: ExtractTextPlugin.extract({
fallback: 'style-loader',
use: [
{ loader: 'css-loader', options: { minimize: env.NODE_ENV === 'production' } },
{ loader: 'postcss-loader', options: { sourceMap: true } },
'resolve-url-loader',
{ loader: 'sass-loader', options: { sourceMap: true } }
]
})
}

我只看到它试图读取 sass、scss 和 css 文件。有什么我遗漏或应该检查的想法吗?

最佳答案

您收到一个错误,因为您在 main.sass 文件中导入了一个 JS 模块。 ~@blueprintjs/core 解析为 node_modules/@blueprintjs/core/dist/index.js ,因此您在这个过程中混合了 JS。

您应该看到 blueprintjs/core/dist 文件夹包含哪些文件,并且只导入 sass/scss/css 文件来构建。

关于webpack - 为什么我的 webpack 在编译 .sass 文件时试图加载 .js 文件?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/45261799/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com