一、在第一次使用vue3开发项目时,使用require(‘图片路径’),结果浏览器报错: Uncaught (in promise) ReferenceError: require is not defined 1、因为require是webpack提供的一种加载能力,但是vue3项目时搭配vite的,所以这里应该用vite提供的静态资源载入方法, 官方文档:https://vitejs.cn/guide/assets.html#the-...
vue3如果使用的是typescript开发,就会出现require引入图片报错,require is not defined不能像使用vue2这样imgUrl: require(’…/assets/test.png’)导入,是因为typescript不支持require导入,所以用import导入。 引入方式 在Vue3+TypeScript+Vite项目开发需要 动态引入静态资源,也就是img标签的src属性值为动态获取,按照...
在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后缀名。请问该如何修改代码呢?并且如果运行在h5端时,...
vue3如果使用的是typescript开发,就会出现require引入图片报错,require is not defined不能像使用vue2这样imgUrl: require(’…/assets/test.png’)导入,是因为typescript不支持require导入,所以用import导入。 引入方式 在Vue3+TypeScript+Vite项目开发需要 动态引入静态资源,也就是img标签的src属性值为动态获取,按照...