最新版uniapp使用vue3通过require引入图片报错

来源：5-26 List 组件 - 渲染真实数据

慕粉1910546119

2022-03-15

在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端时，会报如下错误：
Uncaught (in promise)ReferenceError: require is not defined

h5端不存在require，请问又该如何修改代码进行适配呢？

写回答

1回答

Sunday

2022-03-16

你好

uniapp 的 vue 3版本将不再支持 commonJS 语法，所以不能使用 require() ，而需要转化为 ESM 语法（import ... from ./..）

H5 端的报错也是一样的。

twtyjvkg

Sunday

截图无法上传，我是这样写的：

2022-09-26

共11条回复

uni-app从入门到进阶系统完成项目实战

专门为小程序0基础学员而设，让你拥有能上线的作品

1105 学习 · 743 问题

查看课程

相似问题

state 定义错误

回答 2

require图片引入报错并且不展示是为什么老师？

回答 1

components中的组件无法直接使用

回答 1

无法获取 searchData 数据

回答 2

vue3用require动态导入图片报错

回答 1

打开慕课网App查看更多内容