解决iview在requirejs模式下使用报错:组件未注册

1、iview在require(AMD)模式下的使用,如下文,已经配置好main.js

requirejs.config({
    // baseUrl:'./',
    paths:{
        jquery:'jquery.min',
        less:'less-1.6.3.min',
        vue:'vue',
        iview:'iview.min',
        vueresource:'vue-resource-1.3.4.min'
    },
    shim:{
        vue: {
            exports:'Vue'
        },
        iview: [
            'vue'
        ],
        vueresource: [
            'vue'
        ]
    }
})

// 注册事件
require(['vue', 'iview', 'vueresource'], function(Vue, iview, vueresource) {
    Vue.use(iview);
    Vue.use(vueresource);
});



2、但是在模块中使用的时候,有些组件可以渲染,有些组件就会报错: [Vue warn]: Unknown custom element: - did you register the component correctly? For recursive components, make sure to provide the "name" option. 
(found in ),

搞了半天,原来是命名的问题,组件名须要以中横线分割


错误: 


正确:

正确效果:解决iview在requirejs模式下使用报错:组件未注册_第1张图片


你可能感兴趣的:(vue)