一、在第一次使用vue3开发项目时,使用require(‘图片路径’),结果浏览器报错: Uncaught (in promise) ReferenceError: require is not defined 1、因为require是webpack提供的一种加载能力,但是vue3项目时搭配vite的,所以这里应该用vite提供的静态资源载入方法, 官方文档:https://vitejs.cn/guide/assets.html#the-...
在Vue中,Image组件的source如果使用require方式引入图片资源,则必须使用静态的字符串,不能使用变量,因为require是编译时执行的,而非运行时执行! 于是Vue为Image组件的source提供了另外一种使用变量的方式source={{ uri: item.picture }},也支持如下写法: let source = '';switch(item.resultType) {case0: source=...
在Vue中,Image组件的source如果使用require方式引入图片资源,则必须使用静态的字符串,不能使用变量,因为require是编译时执行的,而非运行时执行! 于是Vue为Image组件的source提供了另外一种使用变量的方式source={{ uri: item.picture }},也支持如下写法: let source = ''; switch (item.resultType) { case 0: s...
在图层蒙版组件中,需要接受父组件传imgurl值展示。使用props传入图片地址时,发现require该地址是获得不了图片的。需要将完整地址切割为"@/assets/" + 剩余地址 才能正确获得。 因为webpack本身是一个预编译的打包工具,无法预测未知变量路径 不能require纯变量路径。 require(path) ,path 至少要有三部分组成, 目录+...
methods: { getImageSrc(name) { return require('@/assets/img/icon/unifiedSupervisionWorkbench/' + name + '.svg'); } } 有用 回复 linkstar: 试过了,还是相同的报错 回复2023-08-09 来自湖北 bing: @linkstar 文件丢失了咋样都会🤣 回复2023-08-11 来自广东 ...
如果使用 composition API 的话,那么可以这样做: import {computed} from 'vue' const getRankingBg = computed(() => { if (this.ranking <= 3) { return require(`@/static/images/ranking-${this.ranking}.png`) } return require('@/static/images/ranking-other.png')}) 0 回复 收起回答 相似...
vue中require动态引入文件报错 1 2 3 4 5 6 7 8 9 10 data(){ return{ img1:'message1.png', img2:'message2.png', } }
vue中require图片的地址用变量引入就报错?直接字符串就没有事 const columnList = computed(() => { return props.list.map(item => { if (!item.avatar) { item.avatar = require('@/assets/default.jpg') } else { item.avatar = require(item.avatar) // item.avatar = require('@/assets/logo....
在uniapp使用vue3版本时, return require("@/static/images/ranking-1.png") 会报如下错误: Error: module “components/hot-ranking/@/static/images/ranking-1.png.js” is not defined 好像@没有被解析为根目录, 并且require的时候会自动在后面加上.js后缀名。请问该如何修改代码呢?
想要动态渲染图片,图片存在前端目录下由后端接口返回图片地址,前端对地址拼凑再require的时候报错代码是这样的 for (var x = 0; x < iconLength; x++) { const _url = iconData[x].url; iconData[x].url = require('../../assets/images/32/' + _url); } 浏览器报错 问题是require不是应该拼凑后...