一、在第一次使用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...
vue3 + vite 动态的导入多张图片 vue3 如果使用的是typescript开发,就会出现require引入图片报错,require is not defined 不能像使用vue2 这样imgUrl: require(’…/assets/test.png’) 导入,是因为typescript不支持require 所以用import导入,下面介绍如何解决: 使用await import(’@/assets/img/22.png’); demo...
在图层蒙版组件中,需要接受父组件传imgurl值展示。使用props传入图片地址时,发现require该地址是获得不了图片的。需要将完整地址切割为"@/assets/" + 剩余地址 才能正确获得。 因为webpack本身是一个预编译的打包工具,无法预测未知变量路径 不能require纯变量路径。
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后缀名。请问该如何修改代码呢?