外部js引入问题

Question

我在index.html里引入里存放在static文件夹里的jq，但是在其他组件页面里却会报错，无法引用，这是为什么呢？如果我想引用别的非模块化插件的话，又该怎么引入到项目中呢？，下图为index.html里的头部引入JQ后，在详情页里汇报图示错误。

Answer 1

fishenal 2018-04-20 10:59:34

引入jquery的参考一下这里的方法：

https://stackoverflow.com/questions/44771830/import-jquery-into-vuejs2-project-via-expose-loader

• 提问者 qq_Roger尐_03332541 #1

  老师您好，我问题的意思是，我想在vue组件里引入放在static文件夹里的非模块化的js插件，通过配置引入模块化的js我已经能实现了，能麻烦您解答一下吗？

• fishenal 回复 提问者 qq_Roger尐_03332541 #2

  1, 直接在index.html通过script标签引入就可以直接引用jquery，我刚才试过，路由跳转也不存在问题，2，你截图里的报错，是jquery.min.js文件出现语法错误，请检查，3，我给你的网址，是通过模块化的方式引用jquery，用了webpack的插件，是在vuejs项目里使用jquery很好的一种实践，建议你参考一下

• 提问者 qq_Roger尐_03332541 #3

  非常感谢！

Answer 2

fishenal 2018-04-19 17:11:01

这个报错就是没引入成功，看下页面引用的地址对不对，static里的jq在不在，文件是不是404了

• 提问者 qq_Roger尐_03332541 #1

  我在JQ文件放在static里面了，然后也在index里面用常规的script标签引入了，然后运行项目时，在项目的主页面也就是包含了index.vue组件的主页面是成功引入，并能使用JQ，但是如果页面路由到了别的组件页面，比如detail.vue组件的页面，就会报上面截图的错误了，说是找不到JQ这个文件。