一、在第一次使用vue3开发项目时,使用require(‘图片路径’),结果浏览器报错: Uncaught (in promise) ReferenceError: require is not defined 1、因为require是webpack提供的一种加载能力,但是vue3项目时搭配vite的,所以这里应该用vite提供的静态资源载入方法, 官方文档:https://vitejs.cn/guide/assets.html#the-...
vue3用require动态导入图片报错 computed: { getRankingBg() { if (this.ranking <= 3) { return require(`@/static/images/ranking-${this.ranking}.png`) } return require('@/static/images/ranking-other.png') } } 请问vue3该如何重写上面的代码 b_jack 2022-10-26 15:55:30 源自:5-26 List...
以下是本地图片及引用本地的svg图报错 //这里是获取本地的png图片报错const list=ref([{url:'@/assets/brand1.png'},{url:'@/assets/brand1.png'}]) //获取本地svg图报错代<!-- -->const listSvg=ref([{url:'@/assets/svg/service-icon-black-1.svg'...
在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端时,...
使用vue2+webpack的时候是用require引入图片: require(`../assets/${this.iconName}.png`) 但是vue3+vite这么写就报错:require is not define 原因是require是webpack的方法 使用vite也有两种引入静态文件方法 第一种 import arrowIcon from "../assets/ic_jiantou.png"; ...
但在vue3中的vite没有require方法定义的使用,说白了就是不使用require方法进行资源的导入,而是使用新的方法。详情请看官网。 Vite官网 我这里提供两种方法: 方法1:import导入资源 使用import导入资源 import { ref } from "vue"; import source from "@/assets/28fc29c767c3dc8c75fbe6b284b5de1e.jpeg"; cons...
尝试过require动态引入, 发现报错:require is not defind,这是因为 require 是属于 Webpack 的方法 第一种方式(适用于处理单个链接的资源文件) importhomeIconfrom'@/assets/mdcImgs/home/home_icon.png' 第二种方式(适用于处理多个链接的资源文件) 推荐,这种方式传入的变量可以...
尝试过require动态引入, 发现报错:require is not defind,这是因为 require 是属于 Webpack 的方法 第一种方式(适用于处理单个链接的资源文件) importhomeIconfrom'@/assets/images/home/home_icon.png' 第二种方式(适用于处理多个链接的资源文件) 推荐,这种方式传入的变量可以...
尝试过require动态引入, 发现报错:require is not defind,这是因为 require 是属于Webpack的方法 第一种方式(适用于处理单个链接的资源文件) import homeIcon from '@/assets/images/home/home_icon.png' 1. 2. 3. 第二种方式(适用于处理多个链接的资源文件) 推荐,这种方式传入的变量可以动态...
混用require 和 import 如果项目中存在混用 commonJS 和 ES6 模块的情况,需要使用 @originjs/vite-plugin-commonjs 这个插件的 transformMixedEsModules 配置进行 hotfix。不然会报错 Uncaught ReferenceError: require is not defined 。_不过,尽量不要混用,因为尤大大说了这么干不好...Vite will likely never support...