調用js外部文件出現錯誤（js文件報錯）

本文目錄一覽：

echarts是一個很有用，很炫，也很強大的插件，這裡用模塊化的方法來實現同一個頁面引用多個不同圖表。

1、找打文件，下載到本機。

2、把文件名改為echarts（也可以不用改，我是方便自己用才改的），然後放到自己項目里的js文件里（這裡也可以和js平級，看自已的喜好）。

3、在html文件里用script引用echarts文件，html里引用成功後，打開js文件或script標籤配置文件路徑：注意這個路徑要和剛剛引入的echarts文件路徑一致，目錄到js文件上一級就可以了。

4、這裡就是我們根據自己需要用的圖表進加載相應的文件就是你要什麼圖就是加載什麼圖，比如餅圖就是pie,柱狀圖就是bar，地圖就是map等。

5、注意這個步驟：兩個紅框框起來的是自己寫的方法的引用，傳的參數 ec 就是代表我們在實例化echarts.init() 時的 “echarts”。

6、我們把每個圖表都用一個方法表示，就是每個圖表的具體設置。

7、最後全放入剛剛的那個“McChart”方法里

8、最終顯示效果

1、你的圖沒看見

2、js外部引用，有可能你的路徑有問題，有可能上下文引入的位置有問題

3、外部js，報錯了

第一步，你要知道報錯的js文件在哪裡

一般有兩種方法

1、從eclipse左側的項目欄中查看，打小紅×的js就是了，然後看它在哪個文件中

2、（不常用）在eclipse編輯器的左上方找到window — show view –others —

General — problems ,你就可以看到許所有的報錯了

找到js的報錯，找出它的路徑

第二步，找到導入外部js文件的項目，右鍵 — Propertie

— javascript — Editer — include path — Excluded

找到exclusion patterns模塊，點擊右側的add然後找到你需要

忽略掉的js文件的路徑即可

然後一路finish/ok即可

你加載外部的js文件後，可以查看源碼，點擊js文件是否能打開，如果沒有就是，路徑錯誤，沒有加載成功，如果有的話，html

head/head

script type=”text/javascript” src=”外部.js”/script

body

可以試試看。

原創文章，作者：小藍，如若轉載，請註明出處：https://www.506064.com/zh-hant/n/286366.html