Ошибка при ошибке: дочерняя компиляция не выполнена:
Модуль входа не найден: Ошибка: не удается разрешить '/Users/MarkPierre/Desktop/es6-project-2019/src/index.html' в '/ Users / MarkPierre / Desktop / es6-project-2019':
Ошибка: не удается разрешить '/Users/MarkPierre/Desktop/es6-project-2019/src/index.html' в '/ Users / MarkPierre / Desktop / es6-project-2019'
Когда я запускаю команду npm run start
, я получаю сообщение об ошибке, упомянутое выше.
Я проверил путь, и он там. Есть идеи?
Похоже, проблема возникает с template: './starter/src/index.html'
. Я удалил starter
, но все та же проблема. Очень расстраивает, так как это последняя часть конфигурации: - (
файл babelrc
{
"presets": [
["@babel/preset-env", {
"targets": {
"browsers": [
"last 5 versions",
"ie >= 8"
]
}
}]
]
}
package.json
{
"name": "forkify",
"version": "1.0.0",
"description": "forkify project",
"main": "index.js",
"scripts": {
"dev": "webpack: --mode development",
"build": "webpack --mode production",
"start": "webpack-dev-server --mode development --open"
},
"author": "",
"license": "ISC",
"devDependencies": {
"@babel/core": "^7.2.2",
"@babel/preset-env": "^7.2.3",
"babel-loader": "^8.0.5",
"html-webpack-plugin": "^3.2.0",
"webpack-dev-server": "^3.1.14"
},
"dependencies": {
"@babel/polyfill": "^7.2.5"
}
}
WebPack
const path = require('path');
const HtmlWebpackPlugin = require('html-webpack-plugin');
module.exports = {
entry: ['@babel/polyfill', './starter/src/js/index.js'],
output: {
path: path.resolve(__dirname, 'dist'),
filename: 'js/bundle.js',
},
devServer: {
contentBase: './dist'
},
plugins: [
new HtmlWebpackPlugin({
filename: 'index.html',
template: './src/index.html'
})
],
module: {
rules: [{
test: /\.js$/,
exclude: /node_modules/,
use: {
loader: 'babel-loader'
}
}]
}
};