Неожиданный идентификатор {имя класса}, когда я пытаюсь импортировать класс

Question

При попытке импортировать класс появляется ошибка «Неожиданный идентификатор».

Я импортирую класс таким образом:

Класс для экспорта (WindowManager)

export default class WindowManager {
    sayHello() {
        console.log('hello')
    }
}

Класс, который импортирует (Основной)

import WindowManager from './handlers/WindowManager';

WindowManager = new WindowManager();
WindowManager.sayHello()

Иерархия папок

Класс, который импортирует (Main)> обработчики> Класс для импорта (WindowManager)

Дополнительная информация

Выдает ошибку в этой строке кода (Main)

импорт WindowManager из './handlers/WindowManager.js';

Я посмотрел на неожиданный идентификатор {имя_класса} при импорте класса JavaScript в другой класс и внес изменения, но все еще ничего

Answer 1

Мне удалось это исправить путем перехода на TypeScript.

Что такое TypeScript?

В основном TypeScript - это JavaScript на стероидах.Он добавляет типы, приватные методы и т. Д. Также предоставляет компилятор, который компилирует ваш код TypeScript в код JavaScript!Так что вам не нужно беспокоиться о совместимости, вы пишете на TypeScript, а затем компилируете в JavaScript с помощью простой команды.

Как установить TypeScript?

npm install -g typescript

Как использовать TypeScript?

• Введите папку вашего проекта (где находится package.json);

• Создайте tsconfig.json, запустив tsc --init;

• Создайте индексный файл TypeScript;

• Запустите tsc на терминале для компиляции ВСЕХ файлов проекта TypeScript в JavaScript;

• Обратите внимание, что ваш индексный файл TypeScript был скомпилирован в JavaScript;

• Использованиескомпилированный файл JavaScript в качестве основной точки входа в package.json;
• Запустите ваше приложение / веб-сайт / что угодно хе-хе.

Примечания:

• Каждый раз, когда вы вносите изменения в файл TypeScript, вы должны использовать tsc для перекомпиляции кода и внесения изменений в файл JavaScript;

• VS Код приходитс поддержкой TypeScript, если вы используете Atom, вы можете установить пакет TypeScript, следуя этому руководству: Установка пакета atom-typcript .

Удачного кодирования!

Статьи, которые мне помогли:

• VS Code Tutorial

• TypeScript и Electron

• Как автоматически сгенерировать конфигурацию TypeScript json?

• Почему именно TypeScript?- YouTube видео