require图片报错Critical dependency: the request of a dependency is an expression

最新推荐文章于 2023-09-27 07:21:25 发布

原创最新推荐文章于 2023-09-27 07:21:25 发布 · 1.6k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#require #图片报错

技术专栏收录该内容

59 篇文章

订阅专栏

本文介绍在Vue.js项目中使用require动态加载图片时遇到的错误：Critical dependency: there is an expression in the require function。错误原因为require接收变量作为参数。通过使用模板字符串可以解决该问题。

下面的实例会报错

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 {
  data () {
    return{
        url:'./img/img.jpg'
    }
  }
}
</script>

解决方法，用模板字符串

<img class="iframe" :src="require(`${url}`)" alt />

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

Shirley~~~

关注关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
2
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

如何解决 Critical dependency: the request of a dependency is an expression ？

宁波阿成的博客

11-17

2188

如何解决 Critical dependency: the request of a dependency is an expression ？

Vue Cli webpack打包出现Waring ：Critical dependency: the request of a dependency is an expression

weixin_42244691的博客

11-20

9004

错误信息: Waring 写法： let name = require(url); 如下写法，错误消失： let name = require(`${url}`);

2 条评论您还未登录，请先登录后发表或查看评论

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"); ...

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

wzp20092009的博客

11-19

2万+

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

qq_62422062的博客

05-06

8117

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（import）

wzp20092009的博客

08-11

4756

定位到vue文件问题所在位置 export default { created() { // 告警所在 import(`@/md/${file}`).then(moduleFile => { // }).catch(err => {}); } } 原因 webpack 版本问题，webpack4中动态import不支持变量方式解决办法用 require方法替代 import export default { created() { // 告警所在 requ.

vue-cli 引入jsdom Critical dependency: the request of a dependency is an expression 问题

longzhanlangya的博客

07-17

2987

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/

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进行打包时，表示在解析依赖时遇到了动态依赖（即依赖路径是一个表达式，而不是静态字符串）。...

vue项目启动报错critical dependency:the request of a dependency is an expression. module not found:error:can't resolve 'async_hooks' is

08-21

这个报错通常是由于项目依赖包的版本不兼容引起的。解决办法是更新项目依赖包或更改配置。首先，你可以尝试更新项目的依赖包。执行以下命令来更新所有依赖包： ```bash npm update ``` 如果更新依赖包后仍然存在...

Webpack打包时警告 - Critical dependency: the request of a dependency is an expression

weixin_34268610的博客

12-05

8491

关于解决 [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

2363

当使用webpack进行打包时，如果遇到如下的require语法， var mx = require("hpargxm".split("").reverse().join("")); 编译将出错，会提示“Critical dependency: the request of a dependency is an expression”

vue打包时候报错：the request of a dependency is an expression

weixin_44249754的博客

09-30

974

发现是某一个button定义了click事件，但是click事件没有任何操作造成的，去掉就好了。

Angular出现“Critical dependency: the request of a dependency is an expression”的警告

weixin_33786077的博客

03-07

5980

问题：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 ...

vue动态加载的菜单报错Cannot find module xxxxxx 与the request of a dependency is an expression 解决方法

梦想成为全栈的切图仔

05-18

2368

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热加载(热更新) the request of a dependency is an expression错误

weixin_43932097的博客

01-28

1932

vue整体项目太大,每次修改编译速度太慢，以前的老项目每次保存就会加载很，每次等待的时间都很长就很恼火，今天刚好去吧之前做的项目做了一个热加载，BiKaBi也是翻阅了很多资料，遇到了很多得坑，废话不多说，先来看一组效果图修改前的加载时间是37485ms 修改后的加载时间时3769ms 1.下载插件 npm install babel-plugin-dynamic-import-node --save-dev 2.修改.babelrc文件 { "presets": [ ["..

critical dependencies

chenxiaoyi0207的博客

10-11

1221

critical dependencies: the request of a dependency is an expression 报警告原因： let src='xxxx'; <img src={require(src)} /> 改成字符串模板即可，如下： let src='xxxx'; <img src={require(`${src}`)} /> ...