react-redux-firebase，“您可能需要适当的加载程序来处理此文件类型。”

Question

我正在一个集成了react，redux和firebase的项目。 react-redux-firebase似乎是一个方便的工具。 但是，代码未成功编译。 以下是错误webpack.config.js，.babelrc和index.js。 预先感谢您的帮助。

错误信息：

ERROR in ./~/react-redux-firebase/src/connect.js 
Module parse failed: 
/Users/xiqianglin/ucsdflyers/node_modules/react-redux-firebase/src/connect.js 
Unexpected token (43:24) You may need an appropriate loader to handle this file type. 
|     }
| 
|     static contextTypes = {
|       store: PropTypes.object.isRequired
|     };
@ ./~/react-redux-firebase/src/index.js 1:0-31  @ ./src/index.js  @ multi ./src/index.js


/****And there are other similar errors, all "...appropriate loader..." ***/

webpack.config.js

var HtmlWebpackPlugin = require('html-webpack-plugin');
var HTMLWebpackPluginConfig = new HtmlWebpackPlugin({
    template: __dirname + '/src/index.html',
    filename: 'index.html',
    inject: 'body'
});

module.exports = {
entry: [
      './src/index.js'
        ],

module: {
      loaders: [
                  {test: /\.js$/,
                   exclude: /node_modules/,
                   loader:'babel-loader'}
                ]
        },

resolve: {
    extensions: [".js", ".jsx", ".es6"]
},

output: {
      filename: "index_bundle.js",
      path: __dirname + '/dist'
        },

plugins: [HTMLWebpackPluginConfig]
};

.babelrc

{
  "presets": ["react", "es2015"]
}

index.js

/*Other Imports...*/
import { firebaseStateReducer } from 'react-redux-firebase'; //This is the line causing error

ReactDOM.render(
  <Provider>
    <App/>
  </Provider>,
  documeng.getElementById('app')
)

Answer 1

双重检查您是否npm install -ed所有依赖项。

然后，如果这样不起作用，请尝试以下操作：

npm install babel-preset-es2015

并在exclude后添加对es2015的查询

{
  test: /\.js$/,
  exclude: /node_modules/,
  loader:'babel-loader',
  query: {
    presets: ['es2015']
  }
}

如果需要包括特定的节点模块，请尝试包括您的源目录和要由babel-loader解析的特定节点模块文件夹。 因此exclude: /node_modules/,尝试exclude: /node_modules/,

  include: [
    path.resolve(__dirname, "src"),
    path.resolve(__dirname, "node_modules/react-redux-firebase")
  ]