一、在第一次使用vue3开发项目时,使用require(‘图片路径’),结果浏览器报错: Uncaught (in promise) ReferenceError: require is not defined 1、因为require是webpack提供的一种加载能力,但是vue3项目时搭配vite的,所以这里应该用vite提供的静态资源载入方法, 官方文档:https://vitejs.cn/guide/assets.html#the-...
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 回复 收起回答 相似问题最新版uniapp使用vue3通过require引入图片报错 1...
vue3+vite (动态)引入静态图片 使用vue2+webpack的时候是用require引入图片: require(`../assets/${this.iconName}.png`) 但是vue3+vite这么写就报错:require is not define 原因是require是webpack的方法 使用vite也有两种引入静态文件方法 第一种 import arrowIcon from "../assets/ic_jiantou.png"; 第...
在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端时,...
尝试过require动态引入, 发现报错:require is not defind,这是因为 require 是属于 Webpack 的方法 第一种方式(适用于处理单个链接的资源文件) importhomeIconfrom'@/assets/images/home/home_icon.png' 第二种方式(适用于处理多个链接的资源文件) 推荐,这种方式传入的变量可以...
尝试过require动态引入, 发现报错:require is not defind,这是因为 require 是属于 Webpack 的方法 第一种方式(适用于处理单个链接的资源文件) importhomeIconfrom'@/assets/mdcImgs/home/home_icon.png' 第二种方式(适用于处理多个链接的资源文件) 推荐,这种方式传入的变量可以...
但在vue3中的vite没有require方法定义的使用,说白了就是不使用require方法进行资源的导入,而是使用新的方法。详情请看官网。 Vite官网 我这里提供两种方法: 方法1:import导入资源 使用import导入资源 import { ref } from "vue"; import source from "@/assets/28fc29c767c3dc8c75fbe6b284b5de1e.jpeg"; cons...
开发vue3 + vite项目的时候 想要动态的去引入图片来显示,尝试过require 发现报错 require is not defind 我遇到的问题是开发的时候图片资源位置正确,build放到服务器上图片资源出了问题 这两种方式在build之后都没问题 在css中使用背景图片 background: url('@/assets/images/Frame@3x.png');或者相对路径(需要测试...
尝试过require动态引入, 发现报错:require is not defind,这是因为 require 是属于Webpack的方法 第一种方式(适用于处理单个链接的资源文件) import homeIcon from '@/assets/images/home/home_icon.png' 1. 2. 3. 第二种方式(适用于处理多个链接的资源文件) 推荐,这种方式传入的变量可以动态...
} 刚开始没有配置references,配置type仍然报错,后来看一篇文章对比作者的ts.config.json.发现没有references,添加之后就不报错了,后来volar蹦了一次,我将type&references注掉之后,require居然也不报错了。。。 记录一下~