babel-loader - 找不到入口模块

Question

错误中的错误：子编译失败：
找不到入口模块：错误：无法解析'/Users/MarkPierre/Desktop/es6-中的'/Users/MarkPierre/Desktop/es6-project-2019/src/index.html' project-2019'：
错误：无法解析“/Users/MarkPierre/Desktop/es6-project-2019”中的“/Users/MarkPierre/Desktop/es6-project-2019/src/index.html”

当我运行命令npm run start时，我收到上面提到的错误消息。我检查了路径，它就在那里。有任何想法吗？

似乎问题发生在template: './starter/src/index.html'. 我已经删除了starter，但仍然是同样的问题。非常令人沮丧，因为这是配置的最后一部分 :-(

babelrc 文件

{
    "presets": [
        ["@babel/preset-env", {
            "targets": {
                "browsers": [
                    "last 5 versions",
                    "ie >= 8"
                ]
            }
        }]
    ]
} 

包.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"
    }
}

网页包

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'
            }
        }]
    }

};

标签： babel-loaderbabel-jestbabel-polyfillwebpack.config.js