Question

当我尝试使用react和webpack构建网页时，我收到此错误。这是我的bundle.js文件。

var appRoot = "/";
var Builder = require('systemjs-builder');

// optional constructor options
// sets the baseURL and loads the configuration file
var builder = new Builder("/", 'config.js');

function build(entry, output) {
    var message = entry + " --> " + output;
    var begin = new Date();
    console.log("---- Build started @ " + begin.toLocaleTimeString() + " # " + message);
    builder
    .bundle(entry, output, {
        minify: true,
        mangle: true
    })
    .then(function (output) {
        var index = 1;
        output.modules.forEach(function (m) {
            ////output.modules.sort().forEach(function (m) {
            console.log(" #" + index++ + " " + m);
        });

        logEnd(begin, message);
    })
    .catch(function (err) {
        console.log('!!! error');
        console.log(err);
        logEnd(begin, message);
        throw err;
    });
}

function logEnd(begin, message) {
    var end = new Date();
    console.log("---- Build completed @ " + end.toLocaleTimeString() +" 
    (" 

    + (end - begin) + " ms) # " + message);
    }


build(appRoot + 'app.js', __dirname + '/build/app-bundle.js')
build(appRoot + 'contact/module.js', __dirname + '/build/app-bundle-contact.js')
build(appRoot + 'about/module.js', __dirname + '/build/app-bundle-about.js')

当我搜索错误时，我发现了一个名为“使用外部”的解决方案，但该方案无效。我该如何解决这个问题？它的根本原因是什么？

Answer 1

我找到了这个问题的根本原因。这是因为我从互联网上复制了webpack.config.js文件，而不是从webpack-create-config模块生成它。而这又没有创建具有所需依赖关系的bundle.js文件。

我按照this教程安装和配置webpack并运行我的反应应用程序。

bundle.js：2未捕获的ReferenceError：在bundle.js：2中未定义require

1 个答案: