在一个vue项目中,开发环境正常运行,没想到打包的时候提示报错
发现是UserAvater.vue文件中引入了import avatar from '@/assets/default.png',导入本地图片发生的报错
根据错误提示和网上找的资料,只需要在vite.config.js中添加
build:{
rollupOptions: {
external: ["avatar"]
}
},("avatar"是上面图片报错的模块,各位网友可以找到自己报错信息,里面有报错模块名字,填写上去即可,如果有多个模块报错,可以用数组方式 例如:external: ["avatar","user","login"])
添加完成后,打包成功