【报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()

testNpm.zip

2019-07-02 10:58 负责人:无分享

9 个回复

wenju (作者) - https://www.mescroll.com -- 精致的下拉刷新和上拉加载组件

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

DCloud_uniCloud_WYQ

我用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()