在本地运行时，OpenLayer VectorSource网址不起作用

编程问答 2022-07-23

问题描述

我正在使用OpenLayer图形api在我的网页上显示该图形。我使用Vector（向量源）将GeoJson数据绑定如下。

var vectorSource = new Vector({
  url: 'data/geojson/world-cities.geojson',// here I use the file from local folder 'data'
  format: new GeoJSON(),});

当我使用npm run build构建应用并从index.html文件夹运行dist时，以上代码工作正常。

但是，当我尝试使用npm start在本地运行（处于开发模式）时，它显示以下错误

enter image description here

我花了将近3-4天的时间来解决这个问题，但仍然没有发现运气：（

我已经检查了json文件，它是有效的json文件。在调试此问题时，我发现它获取整个页面的html作为文件内容，然后尝试将其解析为JSON，这就是它显示错误的原因。 但是我不知道为什么要用HTML文件内容将其解析为JSON。

任何帮助将不胜感激。

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）

npmnpmopenlayersopenlayers-6webpackwebpackwebpack