vue.js框架+mintUI 網站自建之討厭的BUG:JS報錯 Uncaught TypeError: undefined is not a function

服務器上在線調試網站的時候使用:

<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每次請求都會重新加載一遍文件)

(嘆了口氣)

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章