uni-app 报Bug 新建模板项目无法运行

uni-app 报Bug 新建模板项目无法运行

示例代码：

import App from './App.vue'  

// #ifndef VUE3  
import Vue from 'vue'  
import App from './App'  
Vue.config.productionTip = false  
App.mpType = 'app'  
const app = new Vue({  
    ...App  
})  
app.$mount()  
// #endif  

// #ifdef VUE3  
import {  
    createSSRApp  
} from 'vue'  
export function createApp() {  
    const app = createSSRApp(App)  
    return {  
        app  
    }  
}  
// #endif

操作步骤：

  • HBuiderX新建项目，选择底部选项卡模板

预期结果：

  • 能正常运行

实际结果：

  • 无法运行项目

bug描述：

  • 新建项目->底部选项卡模板
  • 运行报错，main.js命名重复
  • 详情看附件

fd3d07195fb70251e5a47288b11d25d4.png

648adeb8392f34b103cad3d69a3505e0.png


更多关于uni-app 报Bug 新建模板项目无法运行的实战教程也可以访问 https://www.itying.com/category-93-b0.html

2 回复

已经修改

更多关于uni-app 报Bug 新建模板项目无法运行的实战教程也可以访问 https://www.itying.com/category-93-b0.html


这个问题是由于 main.js 文件中存在重复的 App 导入导致的。从你的代码可以看到，在 #ifndef VUE3 条件编译块中，App 被导入了两次：

import App from './App.vue'  // 第一次导入

// #ifndef VUE3  
import Vue from 'vue'  
import App from './App'  // 第二次导入，这里重复了

解决方案：

删除重复的导入语句，修改后的 main.js 应该是：

// #ifndef VUE3  
import Vue from 'vue'  
import App from './App'  
Vue.config.productionTip = false  
App.mpType = 'app'  
const app = new Vue({  
    ...App  
})  
app.$mount()  
// #endif  

// #ifdef VUE3  
import {  
    createSSRApp  
} from 'vue'  
import App from './App.vue'  
export function createApp() {  
    const app = createSSRApp(App)  
    return {  
        app  
    }  
}  
// #endif
回到顶部