This is an awesome library, but I faild to use it for my site https://github.com/moyummy/vue-static
As a simple example, I modify vue-static/src/app/index.js
like this:
import Vue from 'vue'
import router from './router'
import store from './store'
import VueUi from '@vue/ui'
import '../lib/github.com/vuejs/ui/0.2.5/vue-ui.css!css'
Vue.use(VueUi)
new Vue({
el: '#app',
router,
store,
template: '<VueLoadingBar unknown/>'
})
However, it gives me error:
vue.js:597 [Vue warn]: Unknown custom element: <VueLoadingBar> - did you register the component correctly? For recursive components, make sure to provide the "name" option.
(found in <Root>)
warn @ vue.js:597
I checked _installedPlugins
in console
Vue._installedPlugins
(3) [{β¦}, Ζ, {β¦}]
0:{Store: Ζ, install: Ζ, version: "3.0.1", mapState: Ζ, mapMutations: Ζ, β¦}
1:Ζ (t)
2:{VueUi: {β¦}, regeneratorRuntime: {β¦}}
This is different from when I imported it and made it work through html script tag
Vue._installedPlugins
(5) [{β¦}, {β¦}, {β¦}, {β¦}, {β¦}]
0:{version: "0.4.3", install: Ζ}
1:{install: Ζ, options: {β¦}}
2:{version: "0.4.4", install: Ζ}
3:{install: Ζ}
4:{version: "0.2.5", install: Ζ}
<html>
<head>
<link rel="stylesheet" type="text/css" href="http://unpkg.com/@vue/[email protected]/dist/vue-ui.css"/>
</head>
<body>
<div id="app"></div>
<script src="http://unpkg.com/[email protected]/dist/vue.js"></script>
<script src="http://unpkg.com/@vue/[email protected]/dist/vue-ui.min.js"></script>
<script>new Vue({el:'#app',template:'<VueLoadingBar unknown/>'})</script>
</body>
</html>
Could anybody provide some suggestions? Thanks.