Javascript 未捕获的SyntaxError:reactjs应用程序中意外的令牌导入

我有一个react应用程序，我正在尝试使用react jsonschema表单创建一个动态表单，我有下面的index.js文件

import React, { Component } from "react";
import { render } from "react-dom";

import Form from "react-jsonschema-form";

const schema = {
  title: "Todo",
  type: "object",
  required: ["title"],
  properties: {
    title: {type: "string", title: "Title", default: "A new task"},
    done: {type: "boolean", title: "Done?", default: false}
  }
};


const log = (type) => console.log.bind(console, type);

render((
<Form schema={schema}
    onChange={log("changed")}
    onSubmit={log("submitted")}
    onError={log("errors")} />), document.getElementById("app"));

我的网页配置如下所示

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

module.exports = {
entry: [
    './app/index.js'
],
output: {
    path: __dirname + '/dist',
    filename: "index_bundle.js"
},
module: {
    loaders: [
        {
            test: /\.js$/, 
            exclude: /node_modules/, 
            loader: "babel-loader"
        },
        {
            test: /\.(png|jpe?g|gif|svg|woff|woff2|ttf|eot|ico)$/,
            loader: 'file?name=assets/[name].[hash].[ext]'
        },
        {
            test: /\.html$/,
            loader: 'html'
        }
    ]
},
plugins: [HtmlWebpackPluginConfig]
}

package.json

{
  "name": "Sample",
  "version": "1.0.0",
  "description": "",
  "main": "index.js",
  "scripts": {
    "production": "webpack -p",
    "start": "webpack-dev-server"
   },
  "author": "Sample",
  "license": "ISC",
  "dependencies": {
    "react": "^15.4.2",
    "react-bootstrap": "^0.30.7",
    "react-dom": "^15.4.2",
    "react-router": "^2.0.0-rc5"
   },
  "devDependencies": {
    "babel-core": "^6.22.1",
    "babel-loader": "^6.2.10",
    "babel-preset-react": "^6.22.0",
    "html-webpack-plugin": "^2.28.0",
    "html-loader": "^0.4.3",
    "file-loader": "^0.8.5",
    "webpack": "^1.14.0",
    "webpack-dev-server": "^1.16.2",
    "axios":"0.15.3",
    "bootstrap":"3.3.7",
    "jquery":"3.1.1"
  }
}

一旦我运行应用程序，我就会收到控制台错误

未捕获的SyntaxError:reactjs应用程序中意外的令牌导入

---

谁能帮我解决这个问题，因为我是新来的，在这里面临困难。谢谢

ECMAScript模块还不是任何浏览器本机支持的。我相信Webpack 2是现成的，但从您的配置来看，您似乎正在使用Webpack 1，因此您需要安装：

并扩展您的

.babelrc

：

{
  "presets": ["react"],
  "plugins": ["transform-es2015-modules-commonjs"]
}

---

您需要安装

babel-preset-es2015

，并将其添加到

.babelrc

presesthanks中。很好用

npm install --save-dev babel-plugin-transform-es2015-modules-commonjs

{
  "presets": ["react"],
  "plugins": ["transform-es2015-modules-commonjs"]
}