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

Question

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

我以这种方式导入类:

要导出的类 (WindowManager)

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

进口类(主要)

import WindowManager from './handlers/WindowManager';

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

文件夹层次结构

导入的类 (Main) > 处理程序 > 要导入的类 (WindowManager)

额外信息

在这行代码(主要)处引发错误

import WindowManager from './handlers/WindowManager.js';

我查看了 Unexpected Identifier {classname} when importing JavaScript Class into another Class并进行更改，但仍然一无所获

Answer 1

我可以通过迁移到 TypeScript 来解决这个问题。

什么是 typescript ？

TypeScript 基本上是类固醇上的 JavaScript。它添加了类型、私有(private)方法等。还提供了一个编译器，可以将你的 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 的主要入口点；

启动您的应用程序/网站/任何呵呵。

备注:

每次对 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