ReferenceError: Неизвестная опция: .present - PullRequest
Новая
       7

ReferenceError: Неизвестная опция: .present

0 голосов
/ 08 февраля 2019

привет, я только что настроил среду для реагирования js, и она выдаёт мне ошибку ReferenceError: Unknown option: .present., а вот коды .babelrc webpack.config.js, package.json и Reaction.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"
}
}

для получения более подробной информации я хотел бы сделать снимок экрана моего каталога здесьis image

Вот часть ошибки: Сборка модуля не удалась (из ./node_modules/babel-loader/lib/index.js): ReferenceError: Неизвестная опция: .present.Проверьте https://babeljs.io/docs/en/b опции abel-core / # для получения дополнительной информации о параметрах.

на самом деле, реакция - это открытие html-страницы, но не отображение текста в div

1 Ответ

0 голосов
/ 08 февраля 2019

Это presets, а не present:['es2015', 'react'].В вашем webpack.config.js.

есть опечатка. А что это за ключ query? 

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

Насколько я знаю, это должно быть options.Итак: 

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