详细问题描述
最新版本的 UNI-APP 项目
使用 CLI 创建 UNI-APP 项目,将 index 和 vue 文件分离,
分离后 ts 文件中引入
import {uniBadge} from '@dcloudio/uni-ui' 会发生错误;
而在 2019-09-17 之前的版本中,则没有这个问题;
[内容]
重现步骤
[步骤]
-
vue create -p dcloudio/uni-preset-vue my-project
-
cd my-project
-
npm install @dcloudio/uni-ui node-sass sass-loader
-
将 pages/index/index.vue 文件中 script 部分拆分到 index.ts
index.vue 中 script 部分改为
<script lang="ts" src='./index.ts'></script>
index.ts 内容如下:
import Vue from 'vue';
import {uniBadge} from '@dcloudio/uni-ui'; // 引入 uniBadge组件
// import uniBadge from '@dcloudio/uni-ui/lib/uni-badge/uni-badge.vue'; // 使用全路径方式引入可以正常工作;
export default Vue.extend({
components: {uniBadge},
data() {
return {
title: 'Hello'
}
},
onLoad() {
},
methods: {
}
});
- npm run serve
[结果]
安装 @dcloudio/uni-ui包、和相关依赖包
[期望]
正常编译(旧的版本,
[HBuilder 或 HBuilderX。如果你用其他工具开发uni-app,也需要在此说明]
[IDE版本号] HBuilderX 2.3.3.20190923
3 个回复
hesi726 (作者)
没有人回答吗??
hesi726 (作者)
https://github.com/dcloudio/uni-ui/issues/64
我在 github 上也问了一下,只是小程序下的表现形式很奇怪。
清茶涩
好家伙,ts项目,uni-ui用npm安装的,page.json配置了easycom,还是特么报错