Vue中引入Countly,'Countly' is not defined

xiaoxiao2021-02-28  10

看到这篇博客的同学肯定已经了解了Countly是做什么用的,Countly在html页面中引入方式简单,但是在Vue组件中报错‘http://eslint.org/docs/rules/no-undef  'Countly' is not defined  ’。

首先想到的是Vue是否不能集成Countly,这个想法稍微思考下就明白是很幼稚,人家就是个js,你还要怎样?

后来想到是否是引入的方式不对,在各种位置引用,在组件内还是会报如上的错。

在经过一段时间调试发现了是‘eslint’这个鬼的问题!

这货校验很严格,除了校验简单的格式问题,它还控制了一些莫名的东西,就像 'xxx' is not defined。

解决方式:

    1、Vue项目中取消'eslint'插件

          这种方式固然可以,但太过暴力,有些效验还是很有意思的,比如:遵循规则会让代码格式更加规范

                    

    2、在'eslint'配置 .eslintignore 中配置使用Countly的组件路径

         这种方式是第一种方式升级版,但仍需要配置很多组件

                   

    3、将Countly调用写入js中,再将该js屏蔽在.eslintignore 中,在使用处引入使用

         独立js:

         

       .eslintignore中屏蔽js:

        

       

       组件中使用:

       

转载请注明原文地址: https://www.6miu.com/read-1250168.html

最新回复(0)