当前位置:   article > 正文

解决vue3 + vite + ts 中require失效的问题(require is not defind)_vue3 require is not defined

vue3 require is not defined

require is not defind 因为 require 是属于 Webpack 的方法,vite中找不到这个方法肯定报错

解决方法:创建一个工具文件getImge.ts

  1. // 获取assets静态图片
  2. export const getAssetsImge = (url: string) => {
  3. return new URL(`../assets/home/${url}`, import.meta.url).href
  4. }

使用工具文件:

import { getAssetsImge } from '@/utils'

html中

  1. <el-avatar class="w-6 h-6" :src="getAssetsFile('user.png')" />
  2. <img class="w-6 h-6" :src="getAssetsFile('user.png')" alt="" />

声明:本文内容由网友自发贡献,转载请注明出处:【wpsshop博客】
推荐阅读
相关标签
  

闽ICP备14008679号