记录使用vite+vue3过程中遇到的问题
1、不能使用require引入图片
vite版本
"vite": "^5.2.0"
解决：在utils文件下新建getImgUrl.js
export const require = (imgPath) => {
try {
const handlePath = imgPath.replace('@', '..')
return new URL(handlePath, import.meta.url).href
} catch (error) {
console.warn(error)
}
}
组件中使用
import { require } from '@/utils/getImgUrl'
<img :src="require('@/assets/' + imgUrl)" alt="">2、引入element-plus中文包错误
//改之前：
import zhCn from 'element-plus/lib/locale/lang/zh-cn'
//改之后
import zhCn from "element-plus/dist/locale/zh-cn.mjs";
<script setup>
import zhCn from "element-plus/dist/locale/zh-cn.mjs";
let locale = zhCn;
</script>
<template>
<el-config-provider :locale="locale">
<router-view />
</el-config-provider>
</template>原文地址：https://blog.csdn.net/csdnyp/article/details/137781317
免责声明：本站文章内容转载自网络资源，如本站内容侵犯了原著者的合法权益，可联系本站删除。更多内容请关注自学内容网（zxcms.com）！