Vuejs2 我安装了timeline vue，但使用它时出错

在我的Laravel 5/vuejs 2.6中，我导入

但当我从该页面插入代码时，我在控制台中看到错误：

This dependency was not found:

* timeline-vuejs in ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/js/components/BS4/Test.vue?vue&type=script&lang=js&

To install it, you can run: npm install --save timeline-vuejs
           Asset      Size   Chunks             Chunk Names
/css/BS4/app.css   269 KiB  /js/app  [emitted]  /js/app
      /js/app.js  5.84 MiB  /js/app  [emitted]  /js/app

ERROR in ./resources/js/components/BS4/Test.vue?vue&type=script&lang=js& (./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/js/components/BS4/Test.vue?vue&type=script&lang=js&)
Module not found: Error: Can't resolve 'timeline-vuejs' in '/mnt/_work_sdb8/wwwroot/lar/Hostels2/resources/js/components/BS4'
 @ ./resources/js/components/BS4/Test.vue?vue&type=script&lang=js& (./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/js/components/BS4/Test.vue?vue&type=script&lang=js&) 23:0-38 53:14-22
 @ ./resources/js/components/BS4/Test.vue?vue&type=script&lang=js&
 @ ./resources/js/components/BS4/Test.vue
 @ ./resources/js/routes.js
 @ ./resources/js/app.js
 @ multi ./resources/js/app.js ./resources/sass/BS4/app.scss

我从示例页填写的vue文件：

<template>
    <div class="container">
        <div class="row p-5 row_content" style="border: 2px dotted green; ">

            <Timeline
                    :timeline-items="timelineItems"
                    :message-when-no-items="messageWhenNoItems">
            </Timeline>

        </div>

        is_page_loaded::{{ is_page_loaded}}<br>

    </div>
</template>


<script>
    import {bus} from '../../app';
    import Vue from 'vue';
    import Timeline from 'timeline-vuejs'

    export default {
        data: function () {
            return {
                message: '',
                show: false,
                is_page_loaded: false,


                messageWhenNoItems: 'There are not items',
                dataTimeline: [
                    {
                        from: new Date(2018, 7),
                        title: 'Name',
                        description:
                            'Lorem ipsum dolor sit amet consectetur adipisicing elit. Eius earum architecto dolor, vitae magnam voluptate accusantium assumenda numquam error mollitia, officia facere consequuntur reprehenderit cum voluptates, ea tempore beatae unde.'
                    },
                    {
                        from: new Date(2016, 1),
                        title: 'Name',
                        description:
                            'Lorem ipsum dolor sit amet consectetur adipisicing elit. Eius earum architecto dolor, vitae magnam voluptate accusantium assumenda numquam error mollitia, officia facere consequuntur reprehenderit cum voluptates, ea tempore beatae unde.'
                    },
                    {
                        from: new Date(2016, 6),
                        title: 'Name',
                        description:
                            'Lorem ipsum dolor sit amet consectetur adipisicing elit. Eius earum architecto dolor, vitae magnam voluptate accusantium assumenda numquam error mollitia, officia facere consequuntur reprehenderit cum voluptates, ea tempore beatae unde.'
                    },
                    {
                        from: new Date(2012, 1),
                        title: 'Name',
                        description:
                            'Lorem ipsum dolor sit amet consectetur adipisicing elit. Eius earum architecto dolor, vitae magnam voluptate accusantium assumenda numquam error mollitia, officia facere consequuntur reprehenderit cum voluptates, ea tempore beatae unde.'
                    }
                ]

            }

        },

        name: 'test',
        // mixins: [appMixin],

        components: {
            Timeline
        },


        computed: {

        },

        mounted() {
            console.log('Test Component mounted.')

        },

        methods: {


        },

    }

</script>

为什么会出现错误以及如何修复它，为什么会出现一些奇怪的错误，就好像根本没有安装软件包一样

<template>
    <div class="container">
        <div class="row p-5 row_content" style="border: 2px dotted green; ">

            <Timeline
                    :timeline-items="timelineItems"
                    :message-when-no-items="messageWhenNoItems">
            </Timeline>

        </div>

        is_page_loaded::{{ is_page_loaded}}<br>

    </div>
</template>


<script>
    import {bus} from '../../app';
    import Vue from 'vue';
    import Timeline from 'timeline-vuejs'

    export default {
        data: function () {
            return {
                message: '',
                show: false,
                is_page_loaded: false,


                messageWhenNoItems: 'There are not items',
                dataTimeline: [
                    {
                        from: new Date(2018, 7),
                        title: 'Name',
                        description:
                            'Lorem ipsum dolor sit amet consectetur adipisicing elit. Eius earum architecto dolor, vitae magnam voluptate accusantium assumenda numquam error mollitia, officia facere consequuntur reprehenderit cum voluptates, ea tempore beatae unde.'
                    },
                    {
                        from: new Date(2016, 1),
                        title: 'Name',
                        description:
                            'Lorem ipsum dolor sit amet consectetur adipisicing elit. Eius earum architecto dolor, vitae magnam voluptate accusantium assumenda numquam error mollitia, officia facere consequuntur reprehenderit cum voluptates, ea tempore beatae unde.'
                    },
                    {
                        from: new Date(2016, 6),
                        title: 'Name',
                        description:
                            'Lorem ipsum dolor sit amet consectetur adipisicing elit. Eius earum architecto dolor, vitae magnam voluptate accusantium assumenda numquam error mollitia, officia facere consequuntur reprehenderit cum voluptates, ea tempore beatae unde.'
                    },
                    {
                        from: new Date(2012, 1),
                        title: 'Name',
                        description:
                            'Lorem ipsum dolor sit amet consectetur adipisicing elit. Eius earum architecto dolor, vitae magnam voluptate accusantium assumenda numquam error mollitia, officia facere consequuntur reprehenderit cum voluptates, ea tempore beatae unde.'
                    }
                ]

            }

        },

        name: 'test',
        // mixins: [appMixin],

        components: {
            Timeline
        },


        computed: {

        },

        mounted() {
            console.log('Test Component mounted.')

        },

        methods: {


        },

    }

</script>

"devDependencies": {
    ... 
    "vue": "^2.6.10",
    "vue-template-compiler": "^2.6.10"
},
"dependencies": {
    ...
    "timeline-vuejs": "^1.0.5",
    ...