调用js外部文件出现错误（js文件报错）

小蓝 • 2024-12-23 03:47 • 编程

本文目录一览：

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/n/286366.html