安装和注册时出现的vue-typer组件错误

Question

我正在一个SPA网站上工作，我试图使用这个组件https://github.com/cngu/vue-typer，但是我在安装和使用它时遇到了错误。

请注意，我使用npm install --save vue-typer来安装组件。

这是我的密码：

app.js

import Vue from 'vue'
import VueRouter from 'vue-router'
import routes from './routes'
import VueTyperPlugin from 'vue-typer'

Vue.use(VueRouter)
Vue.use(VueTyperPlugin)


let app = new Vue({
    el: '#app',
    router: new VueRouter(routes)
});

​

routes.js (这里是导入所有组件并设置路由的地方)

import Home from './components/Home'
import Biografia from './components/Biografia'

export default {

    mode: 'history',

    linkActiveClass: 'font-bold',

    routes: [

        {
            path: '/',
            component: Home
        },

        {
            path: '/biografia',
            component: Biografia
        },

    ]
};

​

Home.vue (组件之一)

<template>
<div>
    <vue-typer text='Hello World! I was registered locally!'></vue-typer>
</div>
</template>

<script>
    export default {
        components: {
            VueTyper
        },
    }
</script>

​

我得到的错误是这个：

Uncaught ReferenceError: VueTyper is not defined
    at Module../node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/components/Home.vue?vue&type=script&lang=js& (app.js:2077)
    at __webpack_require__ (app.js:20)
    at Module../resources/js/components/Home.vue?vue&type=script&lang=js& (app.js:20508)
    at __webpack_require__ (app.js:20)
    at Module../resources/js/components/Home.vue (app.js:20472)
    at __webpack_require__ (app.js:20)
    at Module../resources/js/routes.js (app.js:21180)
    at __webpack_require__ (app.js:20)
    at Module../resources/js/app.js (app.js:20305)
    at __webpack_require__ (app.js:20)

我做错了什么？我按照指示..。

谢谢!

Answer 1

您需要在VueTyper组件中导入Home.vue。因为当您在components对象中请求它时，它不知道'VueTyper‘是什么。

Answer 2

我通过重新安装软件包来解决问题，只需执行"npm安装-保存vue-typer“。

太奇怪了，我肯定我以前也这么做过。