找不到输入模块:错误:无法解析'./src/index.js'

Question

我安装了一个反应startUpapp并添加了Webpack,但它说 Can't resolve './src/index.js'

浏览器显示

我的文件路径和Package.josn它

webpack.config.js文件看:

 var debug = process.env.NODE_ENV !== "production";
    var webpack = require('webpack');
    var path = require('path');

    module.exports = {
        context: path.join(__dirname, "public"),
    devtool: debug ? "inline-sourcemap" : false,
    entry: "./src/index.js",
    module: {
        loaders: [
            {
                test: /\.jsx?$/,
                exclude: /(node_modules|bower_components)/,
                loader: 'babel-loader',
                query: {
                    presets: ['react', 'es2016', 'stage-0'],
                    plugins: ['react-html-attrs', 'transform-decorators-legacy', 'transform-class-properties'],
                }
            }
        ]
    },
    output: {
        path: __dirname + "/public/",
        filename: "build.js"
    },
    plugins: debug ? [] : [
        new webpack.optimize.DedupePlugin(),
        new webpack.optimize.OccurrenceOrderPlugin(),
        new webpack.optimize.UglifyJsPlugin({ mangle: false, sourcemap: false }),
    ],
};

Answer 1

你的基本网址是path.join(__dirname, "public"),入口是./src/index.js.Webpack尝试./src/index.js在publicdir中找到,显然它不存在.你应该修改entry为../src/index.js

Answer 2

我发现解决此问题的另一种方法是使用path.resolve().

const path = require('path');
module.exports = {
    mode: "production",
    entry: path.resolve(__dirname, 'src') + 'path/to/your/file.js',
    output: {
        /*Webpack producing results*/
        path: path.resolve(__dirname, "../src/dist"),
        filename: "app-bundle.js"
    }
}

这将确保 webpack 正在src目录中寻找入口点。

顺便说一下，它是默认入口点。您还可以将此入口点更改为您合适的位置。只需将该src目录替换为您要使用的其他目录即可。