vue项目引入第三方js插件，单个js文件引入成功，使用该插件方法时报错

r囧r小猫 2023-02-21 13:00 17阅读 0赞

## vue项目引入第三方js插件，单个js文件引入成功，使用该插件方法时报错 ##

**1、引入第三方js文件，npm安装不了**

![img][]

**2、控制台显示引入成功**

![img][img 1]

**3、在methods下使用**

![img][img 2]

图片看不清请看下面代码

updateTime() { 
            setInterval(()=>{ 
              var cd = new Date();
              var lunar = calendarNU.solar2lunar();//此处是引用插件方法
              this.time = this.$options.methods.zeroPadding(cd.getHours(), 2) + ':' + this.$options.methods.zeroPadding(cd.getMinutes(), 2) + ':' + this.$options.methods.zeroPadding(cd.getSeconds(), 2);
              this.calendar = this.$options.methods.zeroPadding(cd.getFullYear(), 4) + '-' + this.$options.methods.zeroPadding(cd.getMonth()+1, 2) + '-' + this.$options.methods.zeroPadding(cd.getDate(), 2) + ' ' + this.week[cd.getDay()];
            },1000)
              
          },

##### 4、控制台显示使用该插件方法报错 #####

![img][img 3]

#### 解决 ####

**1、检查原calendar.js文件，没有暴露方法**

![img][img 4]

**已更正为：如下图**

![img][img 5]

**2、导入的方法有问题 已更正 。请了解es6的语法** http://es6.ruanyifeng.com/\#docs/module

![img][img 6]

**3、进行打印是否成功**

![img][img 7]

**打印结果，如下图**

![img][img 8]

[img]: https://imgconvert.csdnimg.cn/aHR0cHM6Ly9zZWdtZW50ZmF1bHQuY29tL2ltZy9iVjhxZ0k?x-oss-process=image/format,png
[img 1]: https://imgconvert.csdnimg.cn/aHR0cHM6Ly9pbWFnZXMyMDE4LmNuYmxvZ3MuY29tL2Jsb2cvOTUwNzgwLzIwMTgwNC85NTA3ODAtMjAxODA0MTMxMTUzNDI5MzMtMjQ3NDQ0NTUxLnBuZw?x-oss-process=image/format,png
[img 2]: https://imgconvert.csdnimg.cn/aHR0cHM6Ly9pbWFnZXMyMDE4LmNuYmxvZ3MuY29tL2Jsb2cvOTUwNzgwLzIwMTgwNC85NTA3ODAtMjAxODA0MTMxMTUyMjUyODMtMjY3NDA5NzA5LnBuZw?x-oss-process=image/format,png
[img 3]: https://imgconvert.csdnimg.cn/aHR0cHM6Ly9pbWFnZXMyMDE4LmNuYmxvZ3MuY29tL2Jsb2cvOTUwNzgwLzIwMTgwNC85NTA3ODAtMjAxODA0MTMxMTUyNDQ2OTYtMTczMTczODEucG5n?x-oss-process=image/format,png
[img 4]: https://imgconvert.csdnimg.cn/aHR0cHM6Ly9pbWFnZXMyMDE4LmNuYmxvZ3MuY29tL2Jsb2cvOTUwNzgwLzIwMTgwNC85NTA3ODAtMjAxODA0MTMxNDE5MDM1NTEtNzg3OTc0MDAwLnBuZw?x-oss-process=image/format,png
[img 5]: https://imgconvert.csdnimg.cn/aHR0cHM6Ly9pbWFnZXMyMDE4LmNuYmxvZ3MuY29tL2Jsb2cvOTUwNzgwLzIwMTgwNC85NTA3ODAtMjAxODA0MTMxNDE5NDMzMjctMTM2NTQzMjkzNS5wbmc?x-oss-process=image/format,png
[img 6]: https://imgconvert.csdnimg.cn/aHR0cHM6Ly9pbWFnZXMyMDE4LmNuYmxvZ3MuY29tL2Jsb2cvOTUwNzgwLzIwMTgwNC85NTA3ODAtMjAxODA0MTMxNDE3MDQxOTktMTc5MzM5MDA0OC5wbmc?x-oss-process=image/format,png
[img 7]: https://imgconvert.csdnimg.cn/aHR0cHM6Ly9pbWFnZXMyMDE4LmNuYmxvZ3MuY29tL2Jsb2cvOTUwNzgwLzIwMTgwNC85NTA3ODAtMjAxODA0MTMxNDIwNDI3NzAtMjA0MjI3NjUyMy5wbmc?x-oss-process=image/format,png
[img 8]: https://imgconvert.csdnimg.cn/aHR0cHM6Ly9pbWFnZXMyMDE4LmNuYmxvZ3MuY29tL2Jsb2cvOTUwNzgwLzIwMTgwNC85NTA3ODAtMjAxODA0MTMxNDIxMTQ2NjgtMTI0MTQ5ODkucG5n?x-oss-process=image/format,png