ReferenceError:未知选项：.present

Question

你好，我刚刚为react js做了环境设置，它给出了错误ReferenceError: Unknown option: .present.，下面是.babelrc webpack.config.js，package.json和react.js的代码(文件)

.babelrc

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

webpack.config.js：

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

module.exports = {
entry: './react.js',
output:{
    path: path.join(__dirname, '/frapp'),
    filename: 'bundled.js'
},
devServer:{
    inline: true,
    port: 8001
},
module: {
    rules: [
        {
           test: /\.jsx?$/,
           exclude: /node_modules/,
           loader: 'babel-loader',
           query:{
             present:['es2015', 'react']
           }
        }
    ]
},
  plugins: [
    new HtmlWebpackPlugin({
        template: './index.html'
    })
  ]
}

package.json：

{
  "name": "reacc",
  "version": "1.0.0",
  "description": "",
  "main": "index.js",
  "scripts": {
    "start": "webpack-dev-server --mode development --open --hot",
    "build": "webpack --mode production"
  },
  "author": "",
  "license": "ISC",
  "dependencies": {
    "@babel/core": "^7.2.2",
    "@babel/preset-env": "^7.3.1",
    "@babel/preset-react": "^7.0.0",
    "babel-loader": "^8.0.5",
    "html-webpack-plugin": "^3.2.0",
    "react": "^16.8.1",
    "react-dom": "^16.8.1",
    "webpack": "^4.29.3",
    "webpack-cli": "^3.2.3",
    "webpack-dev-server": "^3.1.14"
  }
}

有关更多详细信息，我想截图我的目录在这里

​

以下是错误的一部分:模块构建失败(来自./node_modules/babel-loader/lib/index.js)：ReferenceError:未知选项：.present。有关选项的更多信息，请查看https://babeljs.io/docs/en/b abel-core/#options。

事实上，react可以打开html页面，但不会在div中显示文本。

Answer 1

是presets，不是present:['es2015', 'react']。你的webpack.config.js里有个打字错误。

还有，那个query密钥是什么？

query: {
   present:['es2015', 'react']
}

据我所知，它应该是options。所以：

options: {
   presets: ['es2015', 'react']
}