无法在react-native-web上运行webpack-dev-server.错误:您可能需要适当的加载程序来处理此文件类型

Question

我正试图深入研究React生态系统,并在使用react-native-web我的React Native Application时遇到问题.我已经在https://github.com/thedarklord1/testNativeWithWeb上托管了该应用程序.我使用Redux Store和React Native来构建一个非常简单的POC来构建计算器.Android和iOS版本正在按预期执行.我面临的问题是,在尝试运行时webpack-dev-server,为了使用react-native-webWeb,它会因错误而失败

ERROR in ./src/App.js
Module parse failed: /Users/abhishekkumar/Desktop/Credifiable/front_end/testNativeWithWeb/src/App.js Unexpected token (9:6)
You may need an appropriate loader to handle this file type.
|   render() {

|     return (
|       <Provider store={store}>
|         <AppContainer/>
|       </Provider>
 @ ./index.web.js 1:0-28
 @ multi (webpack)-dev-server/client?http://localhost:8080 webpack/hot/dev-server ./index.web.js

我是React和WebPack生态系统的新手,我们非常感谢任何帮助或指针.TIA.

编辑:我正在使用该命令webpack-dev-server -d --config web/webpack.config.js --inline --hot --colors来运行服务器.

Answer 1

您需要转换为 es2015，因为大多数浏览器本身并不理解现代 JS。

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

将加载程序添加到您的 webpack 配置中。那么它应该可以工作。