webpack css-loader 解析失败答案

【问题标题】：webpack css-loader parse failurewebpack css-loader 解析失败
【发布时间】：2018-12-16 03:12:11
【问题描述】：

我正在使用 webpack 加载器（css-loader/style-loader），只是不知道为什么下面的简单 css 代码，

body {
    background: blue;
}

不断导致此错误，

ERROR in ./app/main.css 1:5
Module parse failed: Unexpected token (1:5)
You may need an appropriate loader to handle this file type.
> body {
    background: blue;
}
@ ./app/index.js 1:0-21

这是来自 webpack.config.js 的 sn-p

const Paths = {
    app: __dirname + '/app',
    build: __dirname + '/build',
};
module: {
        rules: [
        {
            test: /\.css&/,
            use: [{loader: 'style-loader'},
                  {loader: 'css-loader'}],
            include: Paths.app
        }]
    }

这是我的 package.json sn-p

"devDependencies": {
    "css-loader": "^1.0.0",
    "style-loader": "^0.21.0",
    "webpack": "^4.15.1",
    "webpack-cli": "^3.0.8"
  },

这是我第一次尝试 Webpack,css，感谢您的宝贵时间

【问题讨论】：

标签： javascript css reactjs webpack webpack-style-loader

【解决方案1】：

你必须导入你的 CSS。

添加const s = require('./main.css'); 给index.js

如果您仍然遇到问题，请告诉我。

【讨论】：

感谢您的建议。在 index.js 我有 require('./main.css');问题依然存在