修复Critical dependency: the request of a dependency is an expression警告

已于 2025-02-28 19:08:31 修改
阅读量1.9w 收藏 5
点赞数 13
分类专栏： js 学习 文章标签： require加载问题 require警告 require只能传字符串 修复require加载
于 2020-11-19 17:06:39 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/wzp20092009/article/details/109817744
版权

在这里插入图片描述

Critical dependency: the request of a dependency is an expression

关键依赖： 依赖关系的请求是一个表达式。

查看 问题代码：

let img = '@/assets/images/head.png';
require(img);

原因在于： require用于引入模块、 JSON、或本地文件，但是不支持直接传入变量。
解决方法：通过 ES6 字符串模板 将变量转换为字符串即可。

参考 解决方法

let img = '@/assets/images/head.png';
require(`${img}`)

再无报错
在这里插入图片描述

求关注
在这里插入图片描述
如何解决 Critical dependency: the request of a dependency is an expression ？
宁波阿成的博客
11-17 2001
如何解决 Critical dependency: the request of a dependency is an expression ？
require(src)报警告Critical dependency: the request of a dependency is an expression
热门推荐
博客简介
07-15 6万+
let src ="../../assets/imgs/ziyuan6.png"; require(src); require接收了一个变量，会报上面的警告，接收一个写死的字符串值时则没有警告！ 下面三种写法没有报警告： require("../../assets/imgs/ziyuan6.png"); ...
Webpack打包时警告 - Critical dependency: the request of a dependency is an expression
weixin_34268610的博客
12-05 8412
关于解决 [Webpack] Critical dependency: the request of a dependency is an expression ------------------------------------------------------------------------------------------------- 就遇到的情况和查阅相关资料来看，这...
Webpack编译出错“Critical dependency: the request of a dependency is an expression”解决办法
w2sft的博客
09-27 2044
当使用webpack进行打包时，如果遇到如下的require语法， var mx = require("hpargxm".split("").reverse().join("")); 编译将出错，会提示“Critical dependency: the request of a dependency is an expression”
Critical dependency: the request of a dependency is an expression
qq_62422062的博客
05-06 7946
vue2项目 当你百分百确认你的代码没有任何问题时，但是powershell还是报了错误[Critical dependency: the request of a dependency is an expression],而你翻遍了各种方法、找了各个平台、下载了 webpack-node-externals、添加了webpack.base.conf.js配置文件还没有解决问题。 有可能就是你的api文件夹或者其他文件引入时，刚好少打一个字母而且刚好vscode可以自动帮你引入一个来自源码的属性，于是一
Angular出现“Critical dependency: the request of a dependency is an expression”的警告
weixin_33786077的博客
03-07 5944
问题：Angular出现“Critical dependency: the request of a dependency is an expression”的警告 WARNING in ./~/@angular/core/@angular/core.es5.js Critical dependency: the request of a dependency is an expression ...
Critical dependency: the request of a dependency is an expression（import）
wzp20092009的博客
08-11 4666
定位到vue文件问题所在位置 export default { created() { // 告警所在 import(`@/md/${file}`).then(moduleFile => { // }).catch(err => {}); } } 原因 webpack 版本问题，webpack4中动态import不支持变量方式 解决办法 用 require方法替代 import export default { created() { // 告警所在 requ.
npm run dev运行报错Critical dependency: the request of a dependency is an expression
最新发布
12-12
这个错误信息“Critical dependency: the request of a dependency is an expression”通常出现在使用Webpack进行打包时，表示在解析依赖时遇到了动态依赖（即依赖路径是一个表达式，而不是静态字符串）。...
require图片报错Critical dependency: the request of a dependency is an expression
memoryI的博客
08-28 1548
下面的实例会报错 Critical dependency: the request of a dependency is an expression 原因是，require传入一个变量 <template> <div> <img class="iframe" :src="require(url)" alt /> </div> </template> <script> export default { da.
vue-cli 引入jsdom Critical dependency: the request of a dependency is an expression 问题
longzhanlangya的博客
07-17 2864
Critical dependency: the request of a dependency is an expression vue-cli 引入jsdom 编译问题如下 // error warning in ./node_modules/jsdom/lib/jsdom/utils.js 166:4-31 Critical dependency: the request of a dependency is an expression warning in ./node_modules/
vue动态加载的菜单报错Cannot find module xxxxxx 与the request of a dependency is an expression 解决方法
梦想成为全栈的切图仔
05-18 2312
element-admin 动态加载菜单报错： Cannot find module '@/views/ShopConfig/ShopLis 并且控制台显示 Critical dependency: the request of a dependency is an expression 解决方法只有一个 那就是 将你之前的 () => import(`@/views${url}`) 将这个 改成 resolve => require([`@/views${u
Vue Cli webpack打包出现Waring ：Critical dependency: the request of a dependency is an expression
weixin_42244691的博客
11-20 8955
错误信息: Waring 写法： let name = require(url); 如下写法，错误消失： let name = require(`${url}`);
vue打包时候报错：the request of a dependency is an expression
weixin_44249754的博客
09-30 931
发现是某一个button定义了click事件，但是click事件没有任何操作造成的，去掉就好了。
vue热加载(热更新) the request of a dependency is an expression错误
weixin_43932097的博客
01-28 1882
vue整体项目太大,每次修改编译速度太慢， 以前的老项目每次保存就会加载很，每次等待的时间都很长就很恼火， 今天刚好去吧之前做的项目做了一个热加载，BiKaBi也是翻阅了很多资料，遇到了很多得坑，废话不多说，先来看一组效果图 修改前的加载时间是37485ms 修改后的加载时间时3769ms 1.下载插件 npm install babel-plugin-dynamic-import-node --save-dev 2.修改.babelrc文件 { "presets": [ ["..
critical dependencies
chenxiaoyi0207的博客
10-11 1173
critical dependencies: the request of a dependency is an expression 报警告原因： let src='xxxx'; <img src={require(src)} /> 改成字符串模板即可，如下： let src='xxxx'; <img src={require(`${src}`)} /> ...
vue警告Critical dependency: require function is used in a way in which dependencies cannot be statical
weixin_45993094的博客
07-10 8968
Critical dependency: require function is used in a way in which dependencies cannot be statically extracted
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值