uni-app vue3 引用别的包在hbuilderX中出现bug，使用vue3cil+ vite 无问题
uni-app vue3 引用别的包在hbuilderX中出现bug，使用vue3cil+ vite 无问题
| 项目 | 内容 |
|---|---|
| 产品分类 | HbuilderX |
| PC开发环境操作系统 | Windows |
| PC开发环境操作系统版本号 | windows10 |
| HBuilderX版本号 | 3.3.5 |
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通过就行
示例代码：
-->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](/user/vue)/shared": "^3.2.26",
"vue": "^3.2.26",
"vue3-draggable-resizable": "^1.6.1",
"vuedraggable": "^4.1.0",
"vuex": "^4.0.2"
}
}
更多关于uni-app vue3 引用别的包在hbuilderX中出现bug，使用vue3cil+ vite 无问题的实战教程也可以访问 https://www.itying.com/category-93-b0.html
临时解决方案：
修改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–
}
}
}
}],
});
更多关于uni-app vue3 引用别的包在hbuilderX中出现bug，使用vue3cil+ vite 无问题的实战教程也可以访问 https://www.itying.com/category-93-b0.html
首先，非常感谢。
但我按指导，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
