Critical dependency: require function dependencies cannot be statically extracted

最新推荐文章于 2023-11-17 15:48:13 发布
最新推荐文章于 2023-11-17 15:48:13 发布
阅读量7.2k 收藏 2
点赞数 3
分类专栏： 踩坑记 文章标签： vue
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qgbihc/article/details/108672831
版权

问题

VUE引用一个新的依赖后，编译打包时出现如下警告：

 Critical dependency: require function is used in a way in which dependencies cannot be statically extracted

关键依赖：require函数的使用方式无法静态提取依赖项。

原因

webpack 在使用变量作为require路径时，打包出现 Critical dependencies 警告

解决

在webpack的module配置中增加如下设置，

unknownContextCritical: false,

在这里插入图片描述

qgbihc
关注
  • 3
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 4
    评论
专栏目录
Unresolved dependency: 'com.aspose:aspose:jar:19'
11-03
然而，有时我们可能会遇到一些特定的依赖问题，比如在这个案例中，"Unresolved dependency: 'com.aspose:aspose:jar:19'"，意味着在执行Maven构建时，Maven无法从配置的阿里云仓库中找到`com.aspose:aspose:jar:19`...
bundle-dependency：Symfony捆绑包依赖项组件
02-06
Symfony BundleDependency组件安装使用Composer非常简单，运行： composer require symfony-bundles/bundle-dependency如何使用将bundle依赖项添加到composer.json中使用命令composer update更新您的composer依赖项...
Webpack引入工具库出现的问题及解决方案
qq_33654627的博客
12-27 1514
warning in ./~/@eife/utils/debounce/index.js 1:261-262 Critical dependency: require function is used in a way in which dependencies cannot be statically extracted warning in ./~/@eife/utils/debounce/...
vue优化
qq_38269004的博客
08-03 318
路由懒加载 webpack.base.config.js的model中添加配置 （resolve懒加载） //解决Critical dependency: require function is used in a way in which dependencies cannot be statically extracted的问题 unknownContextCritical : false, //解决the request of a dependency is an expression exprCon
vue警告Critical dependency: require function is used in a way in which dependencies cannot be statical
weixin_45993094的博客
07-10 7894
Critical dependency: require function is used in a way in which dependencies cannot be statically extracted
Critical dependency: require function is used in a way in which dependencies cannot be statically ex
黎小小的博客
09-26 716
module下加入以下语句即可。
Critical dependency: require function is used in a way in which dependencies cannot be statically ex...
weixin_34000916的博客
12-14 1万+
最近在用Webpack,React，Typescript结合三维地图框架进行GIS框架整合，遇到的问题不比Webpack+React+Typescript+ArcGIS API for Javascript的少。 问题 分析 严重依赖关系：require函数不能以静态提取依赖关系的方式使用。看了我也是蒙的，还请高人指点。 解决 在Webpack的mod...
require function is used in a way in which dependencies cannot be statically extracted
weixin_43120901的博客
06-17 8060
npm run dev时控制台报错 图一是报错情况，后来无意搜索了一下webpack字段，在我的index.vue中发现了import { debug} from ‘webpack’ 到底是啥时候自己加的代码我也不知道，就是这行代码导致始终编译不成功 后来删掉这行代码就可以 具体是这么产生的不知道，先删掉这行代码再说， 继续开发吧，唉 ...
Critical dependency: require function is used in a way in which dependencies
weixin_45696837的博客
11-06 2155
这个错误呢？去看一下我写的webpack的require.context 【详解，快乐前端攻城狮】
critical dependencies
chenxiaoyi0207的博客
10-11 1078
critical dependencies: the request of a dependency is an expression 报警告原因： let src='xxxx'; <img src={require(src)} /> 改成字符串模板即可，如下： let src='xxxx'; <img src={require(`${src}`)} /> ...
Maven dependencies与dependencyManagement的区别详解
08-26
今天，我们将详细介绍 Maven 依赖管理机制中的两个重要概念：dependencies 和 dependencyManagement。 dependencies dependencies 是 Maven 项目中最基本的依赖管理机制。它定义了项目中需要的依赖项，包括 jar 包...
node-dependency:NodeJS的依赖注入，不再需要require（）调用
05-22
节点依赖性-节点依赖性注入（Beta） 框架有一些关于JS和节点依赖的不错的文章。...安装$ npm install node-dependency 永远不要再调用“ require” 。 好了，您仍然必须调用一次：设置index.js var statupMethod = requ
co-dependency:stuartsierracomponent库中的共同依赖工具
05-12
斯图尔特埃拉/组成部分相互依赖设施基于最初的依赖关系思想，在库中实现了依赖关系。 此共同依赖建议是基于这样的想法设计的：... :dependencies [[tangrammer/co-dependency " 0.1.3 " ]] ... ) 向您的ns添加组件和共
利用 RequireJS 进行依赖项管理
weixin_33815613的博客
05-01 267
在大多数软件开发语言中，应用程序往往由数十、数百乃至数千个文件构建而成。 但是，在 JavaScript 中，在少量文件（每个文件都包含数百或数千行代码）内开发通常是司空见惯的事情。 无论是业界专家还是初学者，掌握这些文件的范围和错综复杂性都是一项艰巨的任务。 确保代码保持干净和模块化甚至成为一个难以完成的任务。 那么，为什么这种大型、复杂的 JavaScript 文件应用如此广泛？ 最普...
Critical dependency: the request of a dependency is an expression
qq_62422062的博客
05-06 7456
vue2项目 当你百分百确认你的代码没有任何问题时，但是powershell还是报了错误[Critical dependency: the request of a dependency is an expression],而你翻遍了各种方法、找了各个平台、下载了 webpack-node-externals、添加了webpack.base.conf.js配置文件还没有解决问题。 有可能就是你的api文件夹或者其他文件引入时，刚好少打一个字母而且刚好vscode可以自动帮你引入一个来自源码的属性，于是一
修复Critical dependency: the request of a dependency is an expression警告
热门推荐
wzp20092009的博客
11-19 1万+
Critical dependency: the request of a dependency is an expression 关键依赖： 依赖关系的请求是一个表达式。 查看问题代码： let img = '@/assets/images/head.png'; require(img); **原因在于**： require用于引入模块、 JSON、或本地文件，但是不支持直接传入变量。 **解决方法**：通过 [**ES6 字符串模板**](https://developer.mozilla.o..
如何解决 Critical dependency: the request of a dependency is an expression ？
最新发布
宁波阿成的博客
11-17 1608
如何解决 Critical dependency: the request of a dependency is an expression ？
webpack critical dependency: require
09-03
webpack中的critical dependency: require是指在使用webpack构建项目时，出现了一种依赖关系的问题，这种依赖关系被认为是关键的，即在运行时必须被解决的依赖关系。 在webpack中，模块之间的依赖关系是通过require语句来表达的。当webpack分析代码时，如果发现某个模块通过require语句引入了其他模块，而这个引入的模块又依赖了当前模块，就会产生critical dependency: require错误。 这种错误通常是由于循环依赖引起的。循环依赖是指模块A和模块B互相引入，导致无法确定哪个模块应该先被加载的情况。在webpack中，循环依赖是被禁止的，因为它会导致代码的执行顺序混乱，进而引发各种错误。 解决这个错误的方法有几种。一种是通过重构代码来消除循环依赖，例如将共享的部分提取出来，形成一个新的模块。另一种方法是使用webpack的插件或配置来处理循环依赖，例如使用webpack-node-externals插件来排除某些模块的解析。 总的来说，当出现webpack critical dependency: require错误时，我们需要检查是否存在循环依赖的情况，并采取相应的措施来解决这个问题，以保证代码的正常运行。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 4
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值