Javascript CSS-您可能需要适当的加载程序来处理此文件类型

在我的

App.jsx

文件中，我导入的css文件如下：

import'/App.css'

我的
webpack.config.js
中有以下代码

var webpack = require('webpack');
var path = require('path');

var BUILD_DIR = path.resolve(__dirname, 'src/build');
var APP_DIR = path.resolve(__dirname, 'src/app');

var config = {
  entry: APP_DIR + '/App.jsx',
  output: {
    path: BUILD_DIR,
    filename: 'bundle.js'
  },
  module : {
    loaders : [
    {
      test: /\.scss$/,
      include : APP_DIR,
      loaders : ["style", "css", "sass"]
    },
    {
      test : /\.jsx?/,
      include : APP_DIR,
      loader : 'babel'
    }
   ]
  }
};

module.exports = config;

因为我有一个css的加载器，所以一切看起来都很好

然而，我得到：

ERROR in ./src/app/App.css
Module parse failed: /path/to/file/App.css Unexpected token (1:0)
You may need an appropriate loader to handle this file type.
SyntaxError: Unexpected token (1:0)

您只有一个scss加载器设置，所以一旦碰到css文件，它就不知道如何解析

{test://\.css$/，加载程序：“样式加载程序！css加载程序”}

应该能让你振作起来

编辑：

此外，如果您正在使用SCS，为什么不将App.css更改为App.scs，这样您的css类型就可以保持一致，并且不必包含css加载器。我认为这是最好的解决办法
 您的测试是针对
scss
而不是
css
，
是否需要（'app.scss'）
，或者如果您想直接导入css，请在您说“将app.css更改为app.scss”时添加另一个针对
css
的测试，我想您的意思是转换为scss？我不想成为一个固执己见的人，但当你说“更改”时，这对我来说似乎有点模糊，因为这可能意味着只是重命名文件，在这种情况下，它将不起作用。如果我错了，请纠正我。