【报Bug】vue3 引用别的包出bug，使用vue3cil+ vite 没有问题，当用hbuilderX vue3就出现bug

分类：HBuilderX

bug已确认

产品分类： HbuilderX

PC开发环境操作系统： Windows

PC开发环境操作系统版本号： windows10

HBuilderX版本号： 3.3.5

示例代码：

-->main.js--->

import draggable from 'vuedraggable';
import dragresize from 'vue3-draggable-resizable'
import 'vue3-draggable-resizable/dist/Vue3DraggableResizable.css'

import { createSSRApp } from 'vue'
export function createApp() {
const app = createSSRApp(App)
app.component("draggable", draggable)
app.component("dragresize", dragresize)
return {
app
}
}
-->package.json-->
{
"dependencies": {
"@vue/shared": "^3.2.26",
"vue": "^3.2.26",
"vue3-draggable-resizable": "^1.6.1",
"vuedraggable": "^4.1.0",
"vuex": "^4.0.2"
}
}

操作步骤：

..

预期结果：

希望得到解决，能编译vue3 H5通过就行

实际结果：

..

bug描述：

使用HBuilderX app开发版正式版新建项目，设置编译为vue3,引入两个包 "vue3-draggable-resizable": "^1.6.1", "vuedraggable": "^4.1.0",，怎么只需编译H5端，编译都不通过，提示bug:Uncaught SyntaxError: The requested module '/@fs/F:/HBuilderX/plugins/uniapp-cli-vitede_modules/@dcloudio/uni-h5-vue/distue.runtime.esm.js' does not provide an export named 'vue

希望得到解决，能编译vue3 H5通过就行

2022-01-15 15:35 负责人:无分享

6 个回复

DCloud_UNI_FXY

临时解决方案：

修改package.json依赖
"vue": "npm:@dcloudio/uni-h5-vue"
根目录增加vue.cofnig.js

import {  
    defineConfig  
} from "vite";  
import uni from "@dcloudio/vite-plugin-uni";  

/**  
 * @type {import('vite').UserConfig}  
 */  
export default defineConfig({  
    plugins: [uni(), {  
        name: 'uni:fix',  
        configResolved(config) {  
            const {  
                exclude  
            } = config.optimizeDeps  
            const deps = ['vue', '@vue/shared']  
            for (let i = 0; i < exclude.length; i++) {  
                if (deps.includes(exclude[i])) {  
                    exclude.splice(i, 1)  
                    i--  
                }  
            }  
        }  
    }],  
});

8***@qq.com (作者)

首先，非常感谢。

但我按指导，hbuilderX 3.3.5 --> vue3编译--> H5(chrome) 打开浏览器错误提示：-->

chunk-HB2G6NJE.js?v=ac9b25d8:26 Uncaught Error: Dynamic require of "vue" is not supported  
at chunk-HB2G6NJE.js?v=ac9b25d8:26  
at webpackUniversalModuleDefinition (universalModuleDefinition:3)  
at ../../../project-vite/node_modules/vuedraggable/dist/vuedraggable.umd.js (universalModuleDefinition:9)  
at __require2 (chunk-HB2G6NJE.js?v=ac9b25d8:32)  
at dep:vuedraggable:1