Lynch
Lynch
  • 发布:2025-03-03 14:38
  • 更新:2025-03-03 18:03
  • 阅读:22

"isVNode" is not exported by

分类:uni-app

详细问题描述
[内容]

uniapp的应用,引入了ant-design-vue,运行到小程序的时候会报错,"isVNode" is not exported by "node_modules/@dcloudio/uni-mp-vue/dist/vue.runtime.esm.js"

重现步骤
[步骤]

HB创建uniapp默认模板 -> 创建package.json文件,增加并安装antd-design-vue@4.2.6依赖 -> template中使用antd-design-vue组件 - 构建到微信小程序

[结果]

报错:
14:19:18.746 正在编译中...
14:19:44.003 ../../../../Project/core/uni-antd-vue/node_modules/ant-design-vue/es/_util/props-util/index.js (3:9): "isVNode" is not exported by "node_modules/@dcloudio/uni-mp-vue/dist/vue.runtime.esm.js", imported by "../../../../Project/core/uni-antd-vue/node_modules/ant-design-vue/es/_util/props-util/index.js".
14:19:44.029 at node_modules/ant-design-vue/es/_util/props-util/index.js:3:9
14:19:44.037 1: import _extends from "@babel/runtime/helpers/esm/extends";
14:19:44.043 2: import classNames from '../classNames';
14:19:44.048 3: import { isVNode, Fragment, Comment, Text } from 'vue';
14:19:44.054 ^
14:19:44.061 4: import { camelize, hyphenate, isOn, resolvePropValue } from '../util';
14:19:44.067 5: import isValid from '../isValid';

[期望]

能够正常运行到微信小程序

运行环境
[系统版本]

win11

[浏览器版本]

Google Chrome 版本 133.0.6943.142(正式版本) (64 位)
注:运行到H5正常

[IDE版本]

HBuilder X 4.36

[mui版本]

附件
[代码片段]

1.package.json
{
"dependencies": {
"ant-design-vue": "^4.2.6",
"resize-observer-polyfill": "^1.5.1"
}
}

2.main.js
import App from './App'

// #ifndef VUE3
import Vue from 'vue'
import './uni.promisify.adaptor'
import antd from 'ant-design-vue'
import 'ant-design-vue/dist/antd.css'
Vue.config.productionTip = false
Vue.use(antd);
App.mpType = 'app'
const app = new Vue({
...App
})
app.$mount()
// #endif

// #ifdef VUE3
import { createSSRApp } from 'vue'
import antd from 'ant-design-vue'
import 'ant-design-vue/dist/reset.css'

export function createApp() {
const app = createSSRApp(App)
app.use(antd)

return {
app
}
}
// #endif

test.vue
<template>
<view style="color: azure;">
<a-spin tip="功能验证中,请稍候.." size="large">
<div class="spin-content"></div>
</a-spin>
<view>
</template>

[安装包]

联系方式
[QQ]
1032895055
[电话]

2025-03-03 14:38 负责人:无 分享
已邀请:
爱豆豆

爱豆豆 - 办法总比困难多

antd-design-vue是web端的UI框架 是不支持运行到微信的

  • Lynch (作者)

    可以的,antd-design-vue依赖包里面提供了ts,es,lib几个模块,都可以引入ui组件,但是默认入口配置的是es模块,运行到小程序的时候不支持,我今天尝试使用lib模块,已经可以运行到小程序了,明天再确认下组件样式是否有问题。

    2025-03-03 21:14

  • Lynch (作者)

    后续我会把相关调整贴出来。类似的问题在引入vant组件或者其他ui框架的时候可能也会出现,应该都是一样的问题。

    2025-03-03 21:16

要回复问题请先登录注册