Javascript Web包引发意外的令牌错误

在我的react组件中，web包抛出以下错误，我不确定是什么错误。还添加了webpack.config文件 ` 从“React”导入React，{Component} 导入“./Banner.css”

class Banner extends Component {
    constructor(props){

        super(props)
    }
    render(){
        return(
            <p>
                 What are you doing
            </p>
        );
    }
}
export default Banner;`

---

您需要添加一个网页包加载器，以便能够导入任何不是JS的内容。在您的例子中，您需要一个CSS加载器来使行

import./Banner.CSS'

工作

---

更多信息：

我的webpack.config中实际上有一个加载器。我更新了帖子以包含配置文件。由于错误出现在

标记处，看起来您的文件没有经过Babel加载程序，它应该理解JSX内容（带有react预设）。检查您的包含设置。看起来APP_DIR是

/src/APP

但是你的组件在

/src/components

里面。我不敢相信代码第13行第8位是什么？这是你的.babelrc看起来的标记？

{“预设”：[“es2015”，“react”]}

我必须在babelrc文件中添加扩展名吗？

var config = {
   entry: APP_DIR + '/index.jsx',
   output: {
   path: BUILD_DIR,
   filename: 'bundle.js'
},
module : {
loaders : [
  {
    test : /\.jsx?/,
    include : APP_DIR,
    loader : 'babel-loader'
  },
  {
    include:'/src',
    test    : /\.scss$/,
    loaders : [
      'style-loader',
      'css-loader?sourceMap&-minimize',
      'postcss',
      'sass?sourceMap'
    ]
  },
  {
    include:'/src',
    test    : /\.css$/,
    loaders : [
      'style-loader',
      'css-loader?sourceMap&-minimize'
    ]
  }
]
},