Javascript 意外保留字'；导入&x27；反应成nodejs应用程序

在app js文件的开头安装并导入了react和react路由器包，但出现以下错误：

(function (exports, require, module, __filename, __dirname) { import React from 'react';
                                                              ^^^^^^
SyntaxError: Unexpected reserved word

在my app.js文件中：

import React from 'react';
import ReactDOM from 'react-dom';
import {
  BrowserRouter as Router,
  Route,
  Link
} from 'react-router-dom';

var express = require('express'),
...

---

你是ES2015，你需要像巴贝尔一样的运输工具

要使其正常工作，您首先需要安装几个软件包：

$ npm install --save-dev babel-core babel-preset-es2015 babel-preset-react

接下来，将以下内容添加到package.json中：

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

或者，如果没有package.json，请在工作目录中创建一个名为.babelrc的文件，其中包含以下内容：

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

注意

这不是一个完全相同的副本，但它有相同的答案作为邮政。感谢“罗伯特克莱普”的回答

更新

如果您正在使用Webpack，请确保您正在通过模块加载器加载babel

module: {
    loaders: [
      {
        loader: 'babel-loader',
        query: {
          presets: ['react', 'es2015', 'stage-0']
        },
        test: /\.jsx?$/,
        exclude: /(node_modules|bower_components)/
      },
}

---

你是ES2015，你需要像巴贝尔一样的运输工具

要使其正常工作，您首先需要安装几个软件包：

$ npm install --save-dev babel-core babel-preset-es2015 babel-preset-react

接下来，将以下内容添加到package.json中：

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

或者，如果没有package.json，请在工作目录中创建一个名为.babelrc的文件，其中包含以下内容：

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

注意

这不是一个完全相同的副本，但它有相同的答案作为邮政。感谢“罗伯特克莱普”的回答

更新

如果您正在使用Webpack，请确保您正在通过模块加载器加载babel

module: {
    loaders: [
      {
        loader: 'babel-loader',
        query: {
          presets: ['react', 'es2015', 'stage-0']
        },
        test: /\.jsx?$/,
        exclude: /(node_modules|bower_components)/
      },
}

---

我确实安装了babel和所有其他软件包，但它仍然不起作用：/我添加了上面的代码。你在使用Webpack吗？是的，使用Webpack。但是我还没有生成bundle js文件。还向包中的脚本添加了“babel”：“babel”，“webpack”：“webpack”。jsonI也在使用在线IDE（cloud9）来运行此功能。@Jon如果没有，您应该加载babel模块。我更新了我的答案。我希望它能解决这个问题。我确实安装了babel和所有其他软件包，但它仍然不起作用。我添加了上面的代码。你在使用Webpack吗？是的，使用Webpack。但是我还没有生成bundle js文件。还向包中的脚本添加了“babel”：“babel”，“webpack”：“webpack”。jsonI也在使用在线IDE（cloud9）来运行此功能。@Jon如果没有，您应该加载babel模块。我更新了我的答案。我希望它能解决这个问题。

import

语句只能出现在顶级范围。您不能在函数内导入。@jared我在文件顶部导入了，但在您发布的代码中没有导入函数，错误是它在包装函数内显示了一条导入语句，该语句可能是由代码转换器应用的。重要的是运行的代码，而不是您最初编写的内容。

import

语句只能出现在顶级范围内。您不能在函数内导入。@jared我在文件顶部导入了，但在您发布的代码中没有导入函数，错误是它在包装函数内显示了一条导入语句，该语句可能是由代码转换器应用的。重要的是运行的代码，而不是您最初编写的代码。