echarts 路径引用问题报错 net::ERR_ABORTED 404 (Not Found)

小编刚刚又遇见了一个bug,是关于echarts的路径引用问题

报错信息为: GET http://localhost:11426/UserCenter/dist/echarts.js net::ERR_ABORTED 404 (Not Found)

小编之前做echarts的相关功能模块的时候将echarts的js包都放在了根目录下,而当时的页面文件也在根目录文件夹下,所以并没有出现问题,而这次小编的页面文件在子文件夹下,所以小编在引用echarts的js时路径也就出现了一些问题

在这里插入图片描述
当小编在运行时,发现页面上多了一个引用路径,如下图
在这里插入图片描述
这条路径明显不对,小编就又查了一些资料,借鉴了一些博客,终于找到相关的解决方案

 require.config({
     paths: {
         echarts: '../../dist/echarts'//注意实际路径,相当于echarts对应于../../dist路径!
     }
 });

var chart;
    require([
        'echarts'
    ], function (echarts) {
        chart = echarts.init(document.getElementById('main'));
		//相关逻辑
    });

最终页面上报错也成功解决
在这里插入图片描述
借鉴博客地址echarts require or echarts undefined 问题

一篇诗,一斗酒,一曲长歌,一剑天涯!生命诚可贵,爱情价更高,若为自由故,二者皆可抛!曾经想仗剑走天涯,后来bug多,没去。

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Vue是一种非常流行的前端框架,它伴随着互联网的发展和技术进步而出现和发展。虽然Vue是一个非常出色的前端框架,但是在使用的过程中难免会遇到各种问题,如Vue报错net::err_connection_aborted。 net::err_connection_aborted是一种在使用Vue开发项目时可能会遇到的错误,在这种情况下,我们打开浏览器时会看到一个类似于“Page Not Found”的提示。这种情况的出现通常是因为前端代码无法正确地与服务器建立连接而导致的。 要解决这个问题,我们需要检查一些常见的问题: 首先,我们需要检查网络连接是否正常。如果我们的网络连接出现问题,我们将无法与服务器建立连接,这就会导致net::err_connection_aborted的错误。 其次,我们需要检查服务器是否处于正常运行状态。如果服务器出现问题,它将无法响应我们的请求,从而导致net::err_connection_aborted的错误。 此外,我们需要检查Vue应用程序的代码是否存在错误或者页面的路径是否正确。如果我们的代码存在错误或者路径错误,我们将无法正确地获取服务器端的数据,从而导致net::err_connection_aborted的错误。 总的来说,解决Vue报错net::err_connection_aborted问题需要我们仔细检查网络连接、服务器状态以及代码路径等可能影响的问题,并逐一解决它们。只有这样我们才能确保我们的Vue应用程序能够正确地运行并提供稳定的服务。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值