Как импортировать API-строку в мой .tsx-файл как модуль с относительной ссылкой? ⇐ Javascript

[Гость]

Я провожу онлайн-курс по созданию веб-сайта с использованием StencilJS, NodeJS и IonicFramwork. Я новичок в этом деле и кусаю зубы от проблемы:

Они импортируют API "https://swapi.dev/api" в виде строки в файл app-people.tsx с помощью

import { API_URL } из '../../helpers/api'; Я знаю, что это импорт модуля с относительной ссылкой. Но я не импортирую API_URL! Visual Studio показывает мне только ошибку:

Невозможно найти модуль «../../helpers/api» или соответствующие ему объявления типов.

Где мне нужно создать папки '../../helpers/api'?

Что должен содержать файл с API_URL? Какой тип файла необходимо использовать (.ts, .js, .d.ts)?

Это мой код в app-people.tsx:

import { Component, State, h, ComponentDidLoad} from '@stencil/core'; импортировать {API_URL} из '../../helpers/api'; // для импорта Basic-API //... @Компонент({ тег: 'приложение-люди', styleUrl: 'app-people.css', }) класс экспорта AppPeople реализует ComponentDidLoad { @State() люди: Person[] = []; @State() загрузка = правда; частный apiUrl = `${API_URL}/people`; // здесь используется API_URL: //... От моей корневой папки star-wars до app-people.tsx это путь:

star-wars/src/comComponents/app-people/app-people.tsx Я уже перепробовал множество комбинаций, но не нашел решения. Пожалуйста, за советами здесь!