wenju
wenju
  • 发布:2019-07-02 10:58
  • 更新:2019-07-16 11:58
  • 阅读:175

【报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
请问有计划修复此问题不~

要回复问题请先登录注册