Reactjs React Webpack3:您可能需要适当的加载程序来处理此文件类型

Reactjs React Webpack3:您可能需要适当的加载程序来处理此文件类型,reactjs,webpack,babeljs,webpack-3,Reactjs,Webpack,Babeljs,Webpack 3,我正试图使用Webpack3和Babel来编译ES6资产,但我得到一个错误“您可能需要一个合适的加载程序来处理此文件类型”。下面是我得到的确切错误: ERROR in ./node_modules/use-global-hook/index.js Module parse failed: Unexpected token (2:18) You may need an appropriate loader to handle this file type. | function setState(

我正试图使用Webpack3和Babel来编译ES6资产,但我得到一个错误“您可能需要一个合适的加载程序来处理此文件类型”。下面是我得到的确切错误:

ERROR in ./node_modules/use-global-hook/index.js
Module parse failed: Unexpected token (2:18)
You may need an appropriate loader to handle this file type.
| function setState(store, newState, afterUpdateCallback) {
|   store.state = { ...store.state, ...newState };
|   store.listeners.forEach((listener) => {
|     listener.run(store.state);
@ ./src/components/dynamicLabel/store/index.js 11:21-47
@ ./src/components/dynamicLabel/components/dynamicLabel.js
@ ./src/components/dynamicLabel/index.js
以下是我的webpack.config.js的外观:

const path = require('path');

module.exports = {
  devtool: 'source-map',
  entry: {
    csvparse: './src/components/csvparse',
    dateTime: './src/components/dateTime',
    gmoment: './src/components/gmoment',
    dynamicLabel: './src/components/dynamicLabel',
    gvideo: './src/components/gvideo',
    stickyScroll: './src/components/stickyScroll',
    webAccessibility: './src/components/webAccessibility'
  },
  output: {
    path: path.resolve(__dirname, 'lib'),
    filename: '[name]/index.js',
    libraryTarget: 'commonjs2'
  },
  resolve: {
    extensions: ['.js', '.jsx','.less']
  },
  module: {
    rules: [
      {
        test: /\.(js|jsx)$/,
        loader: 'babel-loader',
        exclude: /node_modules/
      },

      {
        test: /\.(?:le|c)ss$/,
        use: [
          require.resolve('style-loader'),
          {
            loader: require.resolve('css-loader'),
            options: {
              importLoaders: 1
            }
          },
          {
            loader: require.resolve('less-loader'),
            options: {
              importLoaders: 1
            }
          }
        ]
      }
    ]
  },
  externals: {
    'react': 'commonjs react'
  }
};
下面是my package.json中的babel对象部分:

"babel": {
    "presets": [
      "es2015",
      "stage-2",
      "react"
    ],
    "plugins": [
      [
        "transform-runtime",
        {
          "regenerator": true
        }
      ]
    ]
  },
有人能帮我解决这个问题吗

提前感谢您。

尝试使用