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

所以在我的第一个ReactJS教程中，我使用的是一个Ubuntu虚拟机，还记得遇到这个问题是因为我忘记安装react和react dom依赖项。我现在在windows上，已确保安装了所有内容，但我遇到了相同的错误：

对于my 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'));

var React=require（'React'）；
var ReactDOM=require（'react-dom'）；
要求（'./index.css'）；
类应用程序扩展了React.Component{
render（）{
返回(
你好，世界
)
}
}
ReactDOM.render（，document.getElementById（'app'））；

---

在windows中有什么我必须做的不同吗？

我试图用你粘贴的所有文件创建一个新项目，但我遇到了相同的错误。我通过运行以下两个命令解决了此问题：

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

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

{
  "presets": ["react"]
}

---

您应该仔细检查换行符类型。您应该在Windows中切换回CR LR，在Linux中切换回LF。使用任何代码编辑器（例如Notepad++）来更改它。问题是我做了一个全新的项目，我没有复制我的Linux VMNope中的任何内容。即使您在Windows中创建文件，换行模式仍有可能不正确。我使用的是Notepad++，它说换行的格式是Windows，编码是UTF-8。这给了我更多的错误。它似乎不承认选项。它说“错误选项/查询没有提供加载器（用户加载器+选项在{CODE your gived ME HERE}）”我尝试了新的答案，但它抛出了完全相同的错误版本，所有这些版本都列在package.json下面。我没有.babelrc文件。我从来没有在linux上安装过，所以windows和linux之间的设置可能有点不同。BPack是5.6.0。我将在更新后的NPM上发布index.js和新消息，当使用该预置时是“在./node\u modules/lodash/lodash.js中出错。模块构建失败：错误：找不到相对于目录C的预置@babel/preset env:\\ReactJS\\github battle\\node\u modules\\lodash”