Я создаю приложение с помощью React. js и использую Babel, Webpack и пакеты. Я следовал этому уроку https://medium.com/@siddharthac6 / Getting-Start-with-Reaction- js -using-webpack-and-babel-66549f8fbcb8 . Я сделал все по инструкции и при компиляции с npm start получаю следующую ошибку:
Недопустимый объект конфигурации. Webpack был инициализирован с использованием объекта конфигурации, который не соответствует схеме API. - configuration.entry ['main'] не должен содержать элемент '-' дважды. -> Непустой массив непустых строк npm ERR! код ELIFECYCLE npm ОШИБКА! errno 1 npm ERR! sparo@1.0.0 начало: webpack-dev-server — mode development — open — hot
npm ОШИБКА! Статус выхода 1 npm ERR! npm ОШИБКА! Ошибка при запуске сценария sparo@1.0.0. npm ОШИБКА! Вероятно, это не проблема с npm. Вероятно, есть дополнительные выходные данные регистрации.
npm ERR! Полный журнал этого прогона можно найти в: npm ERR! C: \ Users ***** \ AppData \ Roaming \ npm -cache_logs \ 2020-03-31T21_48_02_843Z-debug.log
это пакет. json файл:
{
"name": "sparo",
"version": "1.0.0",
"description": "Sparo project",
"main": "index.js",
"scripts": {
"start": "webpack-dev-server — mode development — open — hot",
"build": "webpack — mode production"
},
"repository": {
"type": "git",
"url": "git+https://github.com/ringbearer-ramos14325/Sparo.git"
},
"author": "Daniel Ramos, Eric Brown II",
"license": "ISC",
"bugs": {
"url": "https://github.com/ringbearer-ramos14325/Sparo/issues"
},
"homepage": "https://github.com/ringbearer-ramos14325/Sparo#readme",
"dependencies": {
"create-react-app": "^3.4.1",
"react": "^16.13.1",
"react-dom": "^16.13.1"
},
"devDependencies": {
"babel-core": "^6.26.3",
"babel-loader": "^8.1.0",
"babel-preset-env": "^1.7.0",
"babel-preset-react": "^6.24.1",
"html-webpack-plugin": "^4.0.3",
"webpack": "^4.42.1",
"webpack-cli": "^3.3.11",
"webpack-dev-server": "^3.10.3"
}
}
и это файл webpack.config:
const path = require("path");
const HWP = require("html-webpack-plugin");
module.exports = {
entry: path.join(__dirname, "/src/index.js"),
output: {
filename: "build.js",
path: path.join(__dirname, "/dist")
},
module: {
rules: [{
test: /\.js$/,
exclude: /node_modules/,
loader: "babel-loader"
}]
},
plugins: [
new HWP(
{template: path.join(__dirname, "/src/index.html")}
)
]
}