Openlayers 使用节点时读取GeoJson

我是OpenLayers的新手，它非常棒。进行快速设置时，易于运行。 但现在我使用的是OpenLayers和Node

我一直在遵循OpenLayers的npm设置，并从这里添加了示例中的所有代码。

我正在使用的导入包括：

import 'ol/ol.css';
import {Map, View} from 'ol';
import TileLayer from 'ol/layer/Tile';
import OSM from 'ol/source/OSM';

现在，当我要使用一个函数来读取本地GeoJson文件，并使用Node来构建它时，我得到以下错误：

“无法获取未定义或空引用的属性'GeoJSON'”

我正在运行此函数来读取我的文件

function getData() {
return new ol.layer.Vector({
source: new ol.source.Vector({
//url: 'http://www.yourserver.com/static/test.geojson',
url: 'test.geojson',
format: new ol.format.GeoJSON()
})
});
}

我需要导入什么才能使函数工作，或者如何重写它以使用节点。？ 有没有更多的文档，因为我想我不知道它是如何工作的100%

---

感谢您的帮助

答案在@mike和@mahdi-mahmoodian的评论部分

---

“重命名文件并将文件移动到dist文件夹”

答案在@mike和@mahdi-mahmoodian的评论部分

---

“重命名文件并将文件移动到dist文件夹”

如果使用导入，则还需要导入VectorLayer、VectorSource和GeoJSON，如@Mike中所示。谢谢您的回答。它现在运行，但更奇怪的是它无法加载geojson。我已经检查了格式，没问题。如果我这样做而不使用Node，它就会工作。我必须说，真的很奇怪。在新的设置中，相对路径可能不同。尝试使用完整路径，如

http://localhost/your-path/test.geojson

我试过了，但没有成功。错误现在是“JSON.parse error:Invalid character at position:1”，但geojson是有效的。因此，我将采用老式的构建方式，服务器是用MIME类型geojson设置的吗？特别是对于IIS，这可能是一个问题。尝试将.geojson重命名为.json如果使用导入，则还需要像@Mike中那样导入VectorLayer、VectorSource和geojson谢谢您的回答。它现在运行，但更奇怪的是它无法加载geojson。我已经检查了格式，没问题。如果我这样做而不使用Node，它就会工作。我必须说，真的很奇怪。在新的设置中，相对路径可能不同。尝试使用完整路径，如

http://localhost/your-path/test.geojson

我试过了，但没有成功。错误现在是“JSON.parse error:Invalid character at position:1”，但geojson是有效的。因此，我将采用老式的构建方式，服务器是用MIME类型geojson设置的吗？特别是对于IIS，这可能是一个问题。尝试将.geojson重命名为.json