OpenLayer VectorSource url在本地运行时不工作

OpenLayer Vector (VectorSource)绑定 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

我花了将近3-4天的时间来解决这个问题,但仍然没有找到运气:(

我已经查过了 json 但我不知道为什么要用HTML文件内容将其解析为JSON。