Uncaught (in promise) ReferenceError: require is not defined

2024-01-08 16:51:17

在 Vue3 中加载项目路径下的资源图片,起初按照之前 vue 的写法 require 但浏览器却抛出了异常

Uncaught (in promise) ReferenceError: require is not defined

因为 require 采用的 webpack 加载方式,而 vue3 中通过 vite 的方式,两者存在差异,所以才产生了刚开始的一目;

vue3 中应采用?vite 静态资源加载的方式 来渲染即可,具体方式如下:

<van-image width="10rem" height="10rem" fit="cover" :src="icon" />
// 将 require 改为 new URL 的方式即可
const icon = new URL('@/assets/resource/chh_1.jpg', import.meta.url).href;

以上便是此次分享的全部内容，希望能对大家有所帮助!

文章来源:https://blog.csdn.net/survivorsfyh/article/details/135459578
本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。