Javascript vue.js中的vue2时间选择器包工作不正常

Javascript vue.js中的vue2时间选择器包工作不正常,javascript,html,css,vue.js,package.json,Javascript,Html,Css,Vue.js,Package.json,我使用的是vue2计时器js包 npm install vue2-timepicker --save 之后,我从main.js文件中的node_modules导入CSS和datetimepicker组件文件 // 导入CSS文件 在main.js文件中全局注册应用程序中使用的Vue js组件 从“vue2 timepicker/src/vue timepicker.vue”导入VueTimepicker Vue.component('Vue-timepicker',VueTimepicker)

我使用的是vue2计时器js包

npm install vue2-timepicker --save
之后,我从main.js文件中的node_modules导入CSSdatetimepicker组件文件

//

  • 导入CSS文件
  • main.js文件中全局注册应用程序中使用的Vue js组件

    从“vue2 timepicker/src/vue timepicker.vue”导入VueTimepicker

    Vue.component('Vue-timepicker',VueTimepicker)

  • 3.在我的组件内使用。

    <vue-timepicker></vue-timepicker>
    
    
    
    下面是“检查元素”选项卡中的呈现HTML

    
    
    这个
    vue2计时器
    包工作正常。您以错误的方式导入包。您需要按以下方式导入它

    import VueTimepicker from "vue2-timepicker";
    import "vue2-timepicker/dist/VueTimepicker.css";
    
    Vue.component("vue-timepicker", VueTimepicker);
    

    在另一个项目中,我使用了完全相同的文件导入语法,它工作得非常好,我也尝试了您建议的语法,但仍然面临相同的问题删除锁定文件并重新安装npm
    import VueTimepicker from "vue2-timepicker";
    import "vue2-timepicker/dist/VueTimepicker.css";
    
    Vue.component("vue-timepicker", VueTimepicker);