vuejs中用require引入图片，出现ReferenceError: require is not defined

data() {
return {
img:require(‘…/…/static/logo.png’)
};
},

script中使用require(）报错，出现ReferenceError: require is not defined
将require改为new URL(XXX,import.meta.url).href
如下:

data() {
return {
img:new URL(‘…/…/static/logo.png’,import.meta.url).href,
};
},

在vite官网中有解释过这个东西(https://vitejs.cn/guide/assets.html#new-url-url-import-meta-url)

vuejs中用require引入图片，出现ReferenceError: require is not defined相关推荐

vue中动态引入图片为什么要是require，你不知道的那些事
相信用过vue的小伙伴,肯定被面试官问过这样一个问题:在vue中动态的引入图片为什么要使用require 有些小伙伴,可能会轻蔑一笑:呵,就这,因为动态添加src被当做静态资源处理了,没有进行编译,所 ...
vite：vue中引入图片报错require is not defined
问题在 vite 项目中这样引入图片报错 images: require('../assets/images/right.png') 改为 images: new URL('../assets/im ...
vue中引入图片为什么使用require
require 是 node 中的一个方法: 他的作用是 "用于引入模块. JSON.或本地文件". 也就是说如果我们使用 require 来引入一个图片文件的话,那么 requi ...
React使用require时引入图片不显示
1.需求:React面临动态引入图片时,会使用到require,直接使用require时,图片不会显示 <img src={require("地址")} alt=" ...
require引入js vue_vue中import和require的用法
其实用了这么久的vue,里面有很多东西都没有去细细整理分析,今天就整理一下 Import(模块.文件)引入方式 1.引入js文件在用的那一页,引入文件 Import tools from './to ...
错误提示：“ReferenceError: require is not defined in ES module scope, you can use impor”解决方法
错误提示:"ReferenceError: require is not defined in ES module scope, you can use impor"解决方法今天 ...
Vue3+TS+Vite无法使用require导入图片的解决方法
Vue3+TS+Vite无法使用require导入图片的解决方法问题描述, 当使用const xxx = require('xxx')浏览器会报错, 为啥使用vue-cli脚手架时不会出问题? 是因 ...
清除require引入的js缓存
在项目中,通过这样require引入的js,自然会被缓存,可能会导致切换页面后不再加载. require('../../static/js/xxx.js') 通过 require.cache即可删除该 ...
require使用mysql_var mysql = require('mysql'); Uncaught ReferenceError: require is not defined 怎么改？...
展开全部如果库文件的路径是正确的,那么可能在html中加载jQuery库文件顺序有误,如62616964757a686964616fe4b893e5b19e31333433636231果将jQuer ...

vuejs中用require引入图片，出现ReferenceError: require is not defined

vuejs中用require引入图片，出现ReferenceError: require is not defined相关推荐

最新文章

热门文章