Reactjs 意外令牌错误仅在 Windows 上，而不是 Linux

Question

所以在我的第一个 ReactJS 教程中，我使用的是 Ubuntu VM，并记得遇到这个问题是因为我忘记安装 react 和 react-dom 依赖项。我现在在 Windows 上，确保安装了所有东西，我得到了同样的错误：

对于我的 package.json，我有这个：

{
  "name": "github-battle",
  "version": "1.0.0",
  "description": "",
  "main": "webpack.config.js",
  "dependencies": {},
  "devDependencies": {
    "babel-core": "^6.26.0",
    "babel-loader": "^7.1.2",
    "babel-preset-env": "^1.6.1",
    "babel-preset-react": "^6.24.1",
    "css-loader": "^0.28.9",
    "html-webpack-plugin": "^2.30.1",
    "react": "^16.2.0",
    "react-dom": "^16.2.0",
    "style-loader": "^0.20.2",
    "webpack": "^3.11.0",
    "webpack-dev-server": "^2.11.1"
  },
  "scripts": {
    "create": "webpack"
  },
  "author": "",
  "license": "ISC"
}

对于我的 webpack.config.js

var path = require('path');
 var HtmlWebpackPlugin = require('html-webpack-plugin');

 module.exports = {
   entry: './app/index.js',
   output: {
     path: path.resolve(__dirname, 'dist'),
     filename: 'index_bundle.js',
     publicPath: '/'
   },
   module: {
     rules: [
       { test: /\.(js)$/, use: 'babel-loader' },
       { test: /\.css$/, use: [ 'style-loader', 'css-loader' ]}
     ]
   },
   devServer: {
     historyApiFallback: true,
    },
   plugins: [
     new HtmlWebpackPlugin({
       template: 'app/index.html'
     })
   ]
 };

index.js

var React = require('react');
var ReactDOM = require('react-dom');
require('./index.css');

class App extends React.Component{
    render(){
        return(
            <div>Hello World</div>
        )
    }
}

ReactDOM.render(<App />, document.getElementById('app'));

在 Windows 中有什么我必须做的不同的事情吗？

Answer 1

我尝试使用您粘贴的所有文件创建一个新项目，但我遇到了同样的错误。我通过运行这两个命令解决了它：

npm install --save react  
npm install --save react-dom

我还添加了一个包含以下内容的 .babelrc 文件：

{
  "presets": ["react"]
}