Question

在我的React设置中，package.json文件中具有以下devdependencies-

"devDependencies": {
    "@babel/core": "^7.0.0-beta.53",
    "@babel/preset-env": "^7.0.0-beta.53",
    "@babel/preset-react": "^7.0.0-beta.53",
    "babel-core": "^6.26.3",
    "babel-loader": "^8.0.0-beta.4",
    "babel-preset-env": "^1.7.0",
    "babel-preset-react": "^6.24.1",
    "babel-register": "^6.26.0",
    "uglifyjs-webpack-plugin": "^1.2.7",
    "webpack": "^4.16.0",
    "webpack-cli": "^3.0.8",
    "webpack-dev-server": "^3.1.4",
    "webpack-merge": "^4.1.3"
  }

我正在尝试几种方法来使babel设置正常工作，这就是我注意到的。如果我有下面的.babelrc文件，它可以正常工作-

{
    "presets": ["@babel/preset-env","@babel/preset-react"]
}

但是，如果我有babel docs中提到的具有最基本设置的预设，则会出错。

{
  "presets": ["env"]
}

我在index.js文件的处收到语法错误：意外的令牌。链接到另一个docs时提到了这一点-

我们不建议以这种方式使用预设环境，因为它没有利用针对特定浏览器的功能。

为什么推荐的方法在这里出错？我的devDependencies出了什么问题？

错误消息：

> ERROR in ./src/index.js
Module build failed (from ./node_modules/babel-loader/lib/index.js):
SyntaxError: /Users/XXXXXX//src/index.js: Unexpected token (7:4)
5 | const App = () => {
6 |   return (
7 |     <div>
  |     ^

基于.babelrc中设置为babel预设的意外令牌错误？

0 个答案: