Javascript '；导入&x27；React问题，网页包热重新加载

我的react项目中有一个问题。我正在使用webpack dev server来服务我的文件。网页包生成成功，但我在浏览器上遇到错误，如

“app.js:7未捕获的语法错误：意外的令牌导入”

行中：

import React from 'react';

下面是我的webpack.config.js

module.exports = {
context: __dirname + "/app",    
entry: "./app.js",     output: {
    filename: "app.build.js",
    path: __dirname + "/dist",
},

module: {
    loaders: [
        {
            test: /\.jsx?$/,
            exclude: /node_modules/,
            loaders: ["react-hot-loader", "babel-loader"],
        },
        {
            test: /\.html$/,
            loader: "file?name=[name].[ext]",
        },            

        { 
            test: /\.js$/, 
            exclude: /node_modules/, 
            loaders: ["react-hot-loader", "babel-loader"],
        }

    ]
}    
};

在我的

.babelrc

中

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

---

我尝试过添加各种babel配置，如使用stage-0、stage-2等，但都不起作用。有没有办法解决这个问题。

我找到了自己问题的答案：

react hot loader的工作方式是webpack config.js中提到的输出文件app.build.js由hot loader服务器直接提供服务，但不是在config中提到的特定路径（dist/）下创建的

因此可以使用localhost/app.build.js代替localhost/dist/app.build.js

当我在index.html中引用“scriptsrc=“app.build.js”时，它开始工作

---

app.build.js文件是在路径（“/dist”）中创建的，仅用于“webpack”或“webpack--watch”命令。不用于“webpack dev server”命令。

我找到了自己问题的答案：

react hot loader的工作方式是webpack config.js中提到的输出文件app.build.js由hot loader服务器直接提供服务，但不是在config中提到的特定路径（dist/）下创建的

因此可以使用localhost/app.build.js代替localhost/dist/app.build.js

当我在index.html中引用“scriptsrc=“app.build.js”时，它开始工作

---

仅为“webpack”或“webpack--watch”命令在路径（“/dist”）中创建app.build.js文件。不适用于“webpack dev server”命令。

您的

app.build.js

是否包含es6语法？请尝试这一点，因为您不需要

.jsx？

和

.js

加载程序。第一个将匹配带有或不带有

x

@Jose的文件扩展名，我在app.build.js中没有看到任何es6语法。另外，我指的是index.html（我在浏览器中打开）中的app.js。app.build.js是从webpack发出build，watch命令后生成的。但对于通过dev server app.js进行的热重新加载，应参考。如果我错了，请纠正我。@VipulSingh，我已经尝试安装npm库，但没有任何帮助。您的

app.build.js

是否包含es6语法？请尝试这一点，可以肯定的是，您不需要同时使用

.jsx？

和

.js

加载程序。第一个将匹配带有或不带有

x

@Jose的文件扩展名，我在app.build.js中没有看到任何es6语法。另外，我指的是index.html（我在浏览器中打开）中的app.js。app.build.js是从webpack发出build，watch命令后生成的。但对于通过dev server app.js进行的热重新加载，应参考。如果我错了，请纠正我。@VipulSingh，我已经尝试安装npm库，但没有任何帮助。