wenju
wenju
  • 发布:2019-07-02 10:58
  • 更新:2019-08-23 09:08
  • 阅读:485

【报Bug】npm安装的组件,如果设置成全局对象, 编译到APP会失效 (小程序和H5正常)

分类:HBuilderX

npm安装的组件,如果设置成全局组件, 编译到APP会失效 (小程序和H5正常)

如果把npm的组件拷贝到components目录下,再设置全局对象, app也正常了

换句话说,npm安装的组件不能设置全局组件,否则编译到APP会无效

重现步骤:
app-button.vue上传到npm

<template>  
    <view class="app-button">  
        <slot></slot>  
    </view>  
</template>  

<script>  
    export default {  
    }  
</script>  

<style>  
    .app-button{  
        padding: 40upx;  
        background: red;  
        color: #fff;  
    }  
</style>  

通过npm安装:

npm install --save app-button-testnpm

在main.js设置全局组件

import Vue from 'vue'  
import App from './App'  

// npm安装的组件,如果设置成全局对象, 编译到APP会失效 (小程序和H5正常)  
import AppButton from 'app-button-testnpm/AppButton.vue'  

// 需把AppButton.vue拷贝到components才正常  
// import AppButton from '@/components/AppButton.vue'  

Vue.component('app-button', AppButton)  

Vue.config.productionTip = false  

App.mpType = 'app'  

const app = new Vue({  
    ...App  
})  
app.$mount()
2019-07-02 10:58 分享
已邀请:
wenju

wenju (作者) - http://www.mescroll.com -- 精致的下拉刷新和上拉加载js框架. 主流APP案例, 一套代码多端运行~ 问题咨询请发私信哈~

@DCloud_UNI_FXY
@ZGH0709
请问有计划修复此问题不~

DCloud_UNI_王亚琪

DCloud_UNI_王亚琪

我用npm安装uni-ui,设置全局组件,没出现组件不能用的问题

npm install @dcloudio/uni-ui
import Vue from 'vue'  
import App from './App'  
import UniLoadMore from '@dcloudio/uni-ui/lib/uni-load-more/uni-load-more.vue'  

Vue.config.productionTip = false  

App.mpType = 'app'  

Vue.component('uni-load-more',UniLoadMore)  

const app = new Vue({  
  ...App  
})  
app.$mount()
闻秋寒

闻秋寒 - 闻秋寒 闻 秋寒

我也遇到了此问题,使用npm安装的组件,不论是不是全局安装在APP上都无效,
ε=(´ο`*)))唉

闻秋寒

闻秋寒 - 闻秋寒 闻 秋寒

楼主解决了的话欢迎随时回复我呀!

要回复问题请先登录注册