npm - webpack 无法解析 'style'

标签 npm webpack webpack-style-loader css-loader

我试图遵循简单的入门(http://webpack.github.io/docs/tutorials/getting-started/)。
当我尝试加载 style.css 时出现此错误。

./entry.js 中的错误
未找到模块:错误:无法解析“我的计算机中的项目路径”中的“样式”
重大更改:不再允许在使用加载程序时省略“-loader”后缀。
您需要指定 'style-loader' 而不是 'style'。
@ ./entry.js 1:0-22

有任何想法吗 ?

如教程中所述,我使用 mpm 在本地安装了 css-loader 和 style-loader。
npm install css-loader 样式加载器

我看到安装后创建的 node-modules 文件夹。

最佳答案

对于 webpack 版本 >=2.0

更新 webpack.config.js

module.exports = {
    entry: "./entry.js",
    output: {
        path: __dirname,
        filename: "bundle.js"
    },
    module: {
        loaders: [
            { test: /\.css$/, loader: "style-loader!css-loader" }
        ]
    }
};

使用 { 测试:/.css$/,加载器:“style-loader!css-loader”} 而不是 { test:/.css$/, loader: "style!css!"}

关于npm - webpack 无法解析 'style',我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/42196583/

相关文章:

css - 一起使用 Webpack 和 Bootstrap 的错误

css - 在 webpack react 应用程序中包含 css/style 加载器

php - Laravel Mix Bootstrap Glyphicons 未加载

node.js - 使用@nguniversal/express-engine 包的 Angular SSR 出现此错误(错误 TS6053 : File '/project/src/server.ngtypecheck.ts' not found. 中的错误)

javascript - scss 中的 webpack 5 图像/字体无法正确编译

node.js - 更新后无法识别 Webpack

angularjs - "npm run dev"和 "npm start"之间的区别

node.js - 依赖项 - 未安装错误(npm WARN optional SKIPPING OPTIONAL DEPENDENCY : fsevents@^1. 0.0 (node_modules\chokidar\node_modules\fsevents)

javascript - 使用 webpack-dev-server 时 webpack 构建中缺少 bundle.js

javascript - Webpack [url/file-loader] 没有解析 URL 的相对路径