Javascript TS2307:在本地geojson中找不到错误模块

我想用d3地理投影画一张世界地图。到目前为止，我一直在使用输入文件，但我想切换到该文件的本地托管版本

我使用的代码运行良好：

consturl=”https://enjalot.github.io/wwsd/data/world/world-110m.geojson";
d3.json（url）.then（函数（geojson）{
svg.append（“path”）.attr（“d”，path（geojson））
});

通过示例和教程，我添加了

importworld110m from./world110m.geojson'const url“…”到
常量url=world110m

这将导致终端中出现两个错误：

./src/app/02_robinson_projection/world110m.geojson 1:7中出错
模块分析失败：意外令牌（1:7）
您可能需要适当的加载程序来处理此文件类型，目前没有加载程序
配置为处理此文件。看见
{“类型”：“有限元分析…”

及

src/app/02_robinson_projection/robinson projection.component.ts（5,23）中出错：错误TS2307:找不到模块'./world110m.geojson'

一些谷歌搜索导致不得不添加：

"compilerOptions": {
  "resolveJsonModule": true, 
  "esModuleInterop": true,
  ...
}

但是，错误会保留下来，浏览器中的页面会得到一个黑色覆盖，给出第一个错误

我已经在我的项目（）中进一步集成了webpack，但是当我寻找geojson加载程序时，我发现的只是旧的json加载程序，我已经包含了它（尽管它说不再需要了）。

我还创建了一个webpack.config.js

module.exports = {
  module: {
    rules: [
      { test: /\.geojson$/, use: 'json-loader' }
    ]
  }
};

但是我很确定这个代码是错误的

我知道这是在拿苹果和桔子做比较，但为什么在Angular中包含本地（geo）json文件会如此麻烦呢？当我在上面尝试使用纯JS和本地geojson时，效果很好