vue.js框架+mintUI 网站自建之讨厌的BUG:JS报错 Uncaught TypeError: undefined is not a function

版权声明:转载请标注出处与作者,写文不易,相互尊重从小事做起。 https://blog.csdn.net/JasonRaySHD/article/details/89185866

服务器上在线调试网站的时候使用:

<button @click="showimage()">点击显示图片<//button>

发现调试器报错:Uncaught TypeError: showimage is not a function

然后找了很多博客,这篇比较全面
参考:https://blog.csdn.net/chenchunlin526/article/details/79013192/
1、首先确保这函数的js被引入到了页面。
2、在调用该方法时,确保该方法已经被加载了。在浏览器控制台输入该方法,能正常运行。
3、使用onclick绑定函数事件时,必须确保href写成 href=“javascript:void(0);” 或者 href=“javascript:;” 这样,第1种形式中的void表达式中的0不能少。如果少些了0,会报“Uncaught SyntaxError: Unexpected token )”的错误。
4、函数名不能和页面的某个标签的id名相同。一些浏览器可以通过在js代码中指定ID访问节点元素,然后定义的函数就会被DOM中的元素覆盖了。您需要重命名函数名称或元素ID。

但是!

你以为问题这么简单吗?

错!

以上要注意的点我都是正确的…那么…到底是什么原因?
后面无意之间看到一句话:“在调试器中输入函数名,若被定义了就可以执行” 突然醒悟:
既然我在调试器输入了函数名报错说没有被定义,那么一定是js文件出了问题,但是服务器上js文件是定义了函数的。那么…真相只有一个!

浏览器TMD缓存了js文件,在访问网站的时候没有更新文件.....我TM当场想把chrome锤烂

(应该是我自己没调好,Firefox每次请求都会重新加载一遍文件)

(叹了口气)

猜你喜欢

转载自blog.csdn.net/JasonRaySHD/article/details/89185866