我尝试导入类时出现意外的标识符{classname}

我尝试导入类时出现“意外的标识符”错误。

我这样导入类：

要导出的类（WindowManager）

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

进口类（主营产品）

import WindowManager from './handlers/WindowManager';

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

文件夹层次

导入的类（Main）>处理程序>要导入的类（WindowManager）

额外信息

在此代码行引发错误（Main）

从'./handlers/WindowManager.js'导入WindowManager;

我调查了Unexpected Identifier {classname} when importing JavaScript Class into another Class并做出改变，但仍然没有

我能够通过迁移到TypeScript来解决这个问题。

什么是TypeScript？

TypeScript基本上是类固醇上的JavaScript。它添加了类型，私有方法等。还提供了一个编译器，可以将TypeScript代码编译成JavaScript代码！所以你不必担心兼容性，你在TypeScript上编写，然后用一个简单的命令编译成JavaScript。

如何安装TypeScript？

npm install -g typescript

如何使用TypeScript？

• 输入你的项目文件夹（package.json所在的位置）;
• 通过运行tsc --init生成tsconfig.json;
• 创建TypeScript索引文件;
• 在终端上运行tsc以将所有TypeScript项目文件编译为JavaScript;
• 请注意，您的索引TypeScript文件已编译为JavaScript;
• 使用已编译的JavaScript文件作为package.json的主要入口点;
• 启动你的app / website / heheh。

笔记：

• 每次更改TypeScript文件时，都必须使用tsc重新编译代码并对JavaScript文件进行更改;
• VS Code附带TypeScript支持，如果您使用Atom，可以按照本教程安装TypeScript包：Installing atom-typescript package。

快乐的编码！

帮助我的文章：

• VS Code Tutorial
• TypeScript and Electron
• How to auto-generate TypeScript config json?
• Why TypeScript? - YouTube video