1***@163.com

发布：2024-03-12 15:33
更新：2024-03-12 16:22
阅读：283

【报Bug】vue3项目，条件编译vue3区块中代码未执行

分类：uni-app

bug反馈

产品分类： uniapp/小程序/微信

PC开发环境操作系统： Mac

PC开发环境操作系统版本号： 11.2.3 (20D91)

HBuilderX类型：正式

HBuilderX版本号： 3.99

第三方开发者工具版本号： 1.06.2307260

基础库版本号： 3.3.4

项目创建方式： HBuilderX

示例代码：

import App from './App'

// #ifndef VUE2
console.log('vue2')
// #endif
// #ifndef VUE3
console.log(vue3)
import Vue from 'vue'
import './uni.promisify.adaptor'
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

操作步骤：

Hbuilder X 3.99 新建项目选择默认模版、Vue版本勾选3点击创建，将代码实例中代码粘贴覆盖main.js，运行到微信小程序

预期结果：

控制台输出【vue2】和【vue3】

实际结果：

未执行输出【vue3】，只看到【vue2】

bug描述：

main.js中有// #ifndef VUE3的条件编译，在其代码块中的console.log未执行，// #ifndef VUE2则执行了，检查过manifest.json中vueVersion是3，不知道问题在哪，麻烦告知下

2024-03-12 15:33 负责人:无分享

4 个回复

爱豆豆 - 办法总比困难多

没发现有问题啊
你发个能复现的demo出来

你编译条件写反了

小白请指教 - 小白一个

// #ifndef VUE3
console.log(vue3) 不应该是// #ifdef VUE3
console.log(vue3) 才会输出vue3吗

爱豆豆

正解

2024-03-12 16:11

锦鲤_接单 - 锦鲤_接单_18560000860_10+年开发经验

稍微仔细看下就能找到console放的位置不对吧，两个判断VUE3的代码块，仔细看看啊

1***@163.com (作者) - ben

复现demo

vue3demo.zip

要回复问题请先登录或注册

【报Bug】vue3项目，条件编译vue3区块中代码未执行

操作步骤：

Hbuilder X 3.99 新建项目选择默认模版、Vue版本勾选3点击创建，将代码实例中代码粘贴覆盖main.js，运行到微信小程序

预期结果：

控制台输出【vue2】和【vue3】

实际结果：

未执行输出【vue3】，只看到【vue2】

bug描述：

4 个回复

公告

相关问题

【报Bug】vue3项目，条件编译vue3区块中代码未执行

操作步骤： Hbuilder X 3.99 新建项目选择默认模版、Vue版本勾选3点击创建，将代码实例中代码粘贴覆盖main.js，运行到微信小程序

预期结果： 控制台输出【vue2】和【vue3】

实际结果： 未执行输出【vue3】，只看到【vue2】

bug描述：

与内容相关的链接

4 个回复

公告

相关问题

操作步骤：

Hbuilder X 3.99 新建项目选择默认模版、Vue版本勾选3点击创建，将代码实例中代码粘贴覆盖main.js，运行到微信小程序

预期结果：

控制台输出【vue2】和【vue3】

实际结果：

未执行输出【vue3】，只看到【vue2】