hesi726
hesi726
  • 发布:2019-09-25 15:02
  • 更新:2022-11-10 18:07
  • 阅读:1938

【报Bug】无法引入 @dcluidio/uni-ui

分类:uni-app

详细问题描述

最新版本的 UNI-APP 项目
使用 CLI 创建 UNI-APP 项目,将 index 和 vue 文件分离,
分离后 ts 文件中引入
import {uniBadge} from '@dcloudio/uni-ui' 会发生错误;

而在 2019-09-17 之前的版本中,则没有这个问题;

[内容]

重现步骤

[步骤]

  1. vue create -p dcloudio/uni-preset-vue my-project

  2. cd my-project

  3. npm install @dcloudio/uni-ui node-sass sass-loader

  4. 将 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: {  

        }  
    });
  1. npm run serve

[结果]
安装 @dcloudio/uni-ui包、和相关依赖包
[期望]
正常编译(旧的版本,

[HBuilder 或 HBuilderX。如果你用其他工具开发uni-app,也需要在此说明]

[IDE版本号] HBuilderX 2.3.3.20190923

联系方式

2019-09-25 15:02 负责人:无 分享
已邀请:
hesi726

hesi726 (作者)

没有人回答吗??

hesi726

hesi726 (作者)

https://github.com/dcloudio/uni-ui/issues/64

我在 github 上也问了一下,只是小程序下的表现形式很奇怪。

清茶涩

清茶涩

好家伙,ts项目,uni-ui用npm安装的,page.json配置了easycom,还是特么报错

该问题目前已经被锁定, 无法添加新回复