Angular 5，外部js，一次导入一次，否

Question

我需要在Angular 5中使用一个简单的json将一个外部js添加到一个组件中，一旦工作，Angular就会给我一个错误

  

src / app / ag-mainMenu / ag-mainMenu.ts（42,12）中的错误：错误TS2304：找不到名称“ mainMenuItems”。

我的导入非常简单：

import './ag-mainMenuItems';

...
export class AGmainMenu {
tags = mainMenuItems[0].tags;
sports = mainMenuItems[1].sports;

...

通常，从此导入中添加“ .js”或删除“ .js”就足够了，并且一切都开始正常工作而没有任何问题。我尝试使用require，试图在Angular.cli.json中添加路径，但是那很糟糕。

我的ag-mainMenuItems.js只有一些带有json的数组：

mainMenuItems = [
    {"tags": [
                {
                    "name":"na powietrzu",
                    "slug":"outdoor",
                    "icon": "outdoor.svg"
                },
...

我找不到应该如何在我的组件中添加一些简单的内容。