2***@qq.com
2***@qq.com
  • 发布:2024-10-25 17:26
  • 更新:2024-10-25 17:29
  • 阅读:58

请问:vue2升级到vue3,动态引入资源require如何修改

分类:uni-app

由于要适配鸿蒙next,需要将项目由vue2提升到vue3
在vue3中不支持 require 动态引入资源
原来代码:

<script>
export default {
data() {
return {
menu: [{
name: '办文单',
code: '0',
isShow: true,
badge: '',
toUrl: '/pages/kszw/homepage/bwd/bwdList?menu=' + '办文单',
pictureUrl: require('@/static/tab_bwd.png')
}]
}}}
</script>
修改后的代码:require改为() => import
<script>
export default {
data() {
return {
menu: [{
name: '办文单',
code: '0',
isShow: true,
badge: '',
toUrl: '/pages/kszw/homepage/bwd/bwdList?menu=' + '办文单',
pictureUrl: () => import('@/static/tab_bwd.png')
}]
}}}

编译报错:
17:15:54.680 Invalid value "iife" for option "output.format" - UMD and IIFE output formats are not supported for code-splitting builds.

请问有无大佬知道怎么修改?

2024-10-25 17:26 负责人:无 分享
已邀请:
靐齉齾麤龖龗

靐齉齾麤龖龗 - 解决不了问题,那就解决提出问题的人

import tab_bwd from '/static/tab_bwd.png'  
export default {  
data() {  
return {  
menu: [{  
name: '办文单',  
code: '0',  
isShow: true,  
badge: '',  
toUrl: '/pages/kszw/homepage/bwd/bwdList?menu=' + '办文单',  
pictureUrl: tab_bwd  
}]
  • 2***@qq.com (作者)

    已解决,谢谢大佬

    2024-10-25 18:24

要回复问题请先登录注册