webpack.config.js 的问题答案

【问题标题】：problems with webpack.config.jswebpack.config.js 的问题
【发布时间】：2017-01-05 18:20:16
【问题描述】：

当我运行命令“webpack”时——一切正常，但是当我运行“webpack-dev-server --content-base src --inline --hot”时——我得到错误。可能是语法错误，我打赌我找不到问题。

C:\wamp\www\react\node_modules\webpack\lib\NormalModuleFactory.js:72
                        var elements = request.replace(/^-?!+/, "").replace(/!!+/g, "!").split("!");
                                              ^

TypeError: Cannot read property 'replace' of undefined
    at C:\wamp\www\react\node_modules\webpack\lib\NormalModuleFactory.js:72:26
    at C:\wamp\www\react\node_modules\webpack\lib\NormalModuleFactory.js:28:4
    at C:\wamp\www\react\node_modules\webpack\lib\NormalModuleFactory.js:159:3
    at NormalModuleFactory.applyPluginsAsyncWaterfall (C:\wamp\www\react\node_modules\webpack\node_modules\tapable\lib\Tapable.js:75:69)
    at NormalModuleFactory.create (C:\wamp\www\react\node_modules\webpack\lib\NormalModuleFactory.js:144:8)
    at C:\wamp\www\react\node_modules\webpack\lib\Compilation.js:214:11
    at C:\wamp\www\react\node_modules\webpack\node_modules\async\lib\async.js:181:20
    at Object.async.forEachOf.async.eachOf (C:\wamp\www\react\node_modules\webpack\node_modules\async\lib\async.js:233:13)
    at Object.async.forEach.async.each (C:\wamp\www\react\node_modules\webpack\node_modules\async\lib\async.js:209:22)
    at Compilation.addModuleDependencies (C:\wamp\www\react\node_modules\webpack\lib\Compilation.js:185:8)

我的配置：

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

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

目录结构：

C:\wamp\www\react\public\js\ - output
C:\wamp\www\react\resources\assets\js\ - srouce (ex. test.jsx)
C:\wamp\www\react\node_modules\ - node modules
C:\wamp\www\react\ - root directory (ex. webpack.config.js)

【问题讨论】：

请发布您的目录结构
没有足够的信息来说明任何结论。
Steffen> 更新了，请看一下。 bebraw>你需要什么样的数据？
我也遇到了这个错误，而且我在一个非常不同的平台（Arch Linux）上。原来我只是从错误的目录启动它，从带有webpack.config.js 的目录启动它。

标签： webpack webpack-dev-server

【解决方案1】：

对我来说，当我使用 --inline 时发生此错误

"webpack": "1.12.11"
"webpack-dev-server": "1.16.2"

只要我不尝试使用 --inline，一切正常。

【讨论】：

谢谢！

【解决方案2】：

确保你的 webpack 命令指向配置，我遇到了这个问题，原来是因为我没有指向 webpack 配置。例如。 webpack-dev-server --config webpack/webpack.dev.config --inline

【讨论】：