Angularjs   发布时间:2022-04-20  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了angularjs – 严重依赖关系 – 依赖关系的请求是表达式Webpack大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
我正在使用我的角度应用程序中的服务来创建uibModal,如下所示
function modal(modalConfig){
                  var modalInstance = $uibModal.open({
                  animation: true,template: require("../a/b/xyz.html"),controller: modalConfig.controller,size: modalConfig.size,controllerAs: modalConfig.controllerAs,bindToController : true,resolve: modalConfig.resolveObj

                });
            }

请注意线路

template: require("../a/b/xyz.html"),

我想在这样的地方使用一个变量

template: require(modalConfig.templateUrl),

但是当我使用变量代替硬编码值webpack给我

Critical dependencies:
83:22-54 the request of a dependency is an expression

我无解决错误.可能的原因是什么?

我已经使用Node-express服务器进行连续的webpack构建.我也看过其他的答案,但他们没有解决我的查询.

经过多次打击和试用发现@L_772_12@案.我所做的是这样的
template: require("../../scripts" + modalConfig.templateUrl + ".html")

假设

>所有文件来源的根文件夹都是脚本
>并且该文件夹与写入该函数文件的相对路径为../../scripts.
> ../../scripts modalConfig.templateUrl“.html”将构成要使用的文件的正确路径.

强制性说明

>总是写一些根文件夹的硬编码路径.不要把它放在变量中.所以这不行

var context =“../../scripts”;
template:require(context modalConfig.templateUrl“.html”)

基本路径(如实际路径的一部分)必须被硬编码为基本参,因为它有助于webpack创建动态需求可能需要的所有模块的列表.

原因(来自webpack docs),请阅读dynamic requirescontext module.

大佬总结

以上是大佬教程为你收集整理的angularjs – 严重依赖关系 – 依赖关系的请求是表达式Webpack全部内容,希望文章能够帮你解决angularjs – 严重依赖关系 – 依赖关系的请求是表达式Webpack所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。