не могу найти имена 'fetch' и 'Header' в машинописи

Question

Я использую fetch в своем угловом проекте, и фрагмент кода выглядит следующим образом:

        fetch(
            'www.example.com', {
            headers: new Headers({
            'Origin': location.origin
            }),
            mode: 'cors'
        })

Тем не менее, сайт работает без проблем, но выдает ошибку, как показано ниже: ошибка TS2304: не удается найти имя 'fetch'. ошибка TS2304: не удается найти имя «Заголовки».

Я искал способы решения этой проблемы и пытался добавить "lib": ["es5", "dom"] в "compilerOptions" в tsconfig.json, как показано ниже, но получили ту же ошибку. Я также попытался добавить "es6" внутри, но не повезло. У меня заканчиваются идеи, и не могли бы вы помочь.

"compilerOptions": {
        "lib": [ "es5", "dom"],
        "target": "es5",
        "module": "system",
        "moduleResolution": "node",
        "sourceMap": true,
        "inlineSources": true,
        "emitDecoratorMetadata": true,
        "experimentalDecorators": true,
        "noImplicitAny": false,
        "allowUnreachableCode": true
    },