代码之家 › 专栏 › 技术社区 › Pete Irfan TahirKheli

网页包动态要求引发错误

commonjs webpack-2 javascript

Pete Irfan TahirKheli · 技术社区 · 7 年前

我有以下代码可以很好地工作:

require.ensure(['./core/sample-form.js'], require => {
    require('./core/sample-form.js');  
});

现在,如果我将该字符串放入变量中:

const ajaxJs = './core/sample-form.js';
require.ensure([ajaxJs], require => {
    require(ajaxJs);  // eslint-disable-line import/no-dynamic-require
});

它引发以下错误:

未捕获(承诺中)错误:找不到模块“”在WebPackageMissingModule

有什么方法可以使用变量来满足这一要求吗?

2 回复 | 直到 7 年前

Matias Cicero 7 年前

看看网页包 Context Module .

显然,当您尝试动态地需要一个模块时,Webpack将尝试将输入表达式解析为 context .

请尝试以下代码( 还没有测试过这个 ):

const ajaxJs = './sample-form.js';
core = require.context('./core', true, /^\.\/.*\.js$/);
require.ensure([], () => {
    core(ajaxJs);
});

Ajay Gaur 7 年前

当名称为动态变量时,Webpack无法确定要绑定哪些模块。在中不能使用变量名 require . 你必须做以下事情:

require.ensure(['./core/sample-form.js'], require => {
    require('./core/sample-form.js');  // eslint-disable-line import/no-dynamic-require
});

This 答案会有所帮助。

推荐文章

knut · Typescript中每个类的单独文件?

7 年前

moein rahimi · 为模块创建基础文件以在其他文件中使用

7 年前

Yliaho · CommonJS替代ES6作为别名导入

7 年前

Jim Buck · ExtractTextWebPackagePlugin始终输出文件,即使没有任何更改

7 年前

naveen · 为什么需要。导入js文件时的js扩展名

7 年前

mr_js · 使用requirejs在项目中包含commonjs模块的最佳方式

7 年前

Estus Flask · 将其中一个Webpack入口点导出为库

8 年前

Nitin Agarwal · 一个非常简单的查询-用webpack加载普通的旧javascript文件

8 年前

Rumata · 使用Handlebars模板编译JSON内容的函数不工作(语法错误?)

8 年前

Jecimi · ES6模块的“导入”正式兼容CommonJS和AMD?

9 年前