时间戳

首页 > 解决方案 > 尝试导入类时出现意外的标识符 {classname}

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

问题描述

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

我以这种方式导入类：

要导出的类 (WindowManager)

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

导入的类（主要）

import WindowManager from './handlers/WindowManager';

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

文件夹层次结构

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

额外信息

在这行代码（主要）处引发错误

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

在将 JavaScript 类导入另一个类并进行更改时，我查看了Unexpected Identifier {classname} 并进行了更改，但仍然没有

标签： javascriptnode.jselectron

解决方案

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

什么是打字稿？

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

如何安装 TypeScript？

npm install -g typescript

如何使用打字稿？

  • 输入您的项目文件夹（package.json 所在的位置）；

  • 通过运行生成 tsconfig.json tsc --init；

  • 创建你的 TypeScript 索引文件；

  • 在终端上运行tsc以将所有 TypeScript 项目文件编译为 JavaScript；

  • 请注意，您的索引 TypeScript 文件已编译为 JavaScript；

  • 使用编译后的 JavaScript 文件作为 package.json 的主要入口点；
  • 启动您的应用程序/网站/任何呵呵。

笔记：

  • 每次对 TypeScript 文件进行更改时，都必须tsc 重新编译代码并对 JavaScript 文件进行更改；

  • VS Code 带有 TypeScript 支持，如果您使用 Atom，您可以按照以下教程安装 TypeScript 包：安装 atom-typescript 包。

快乐编码！

对我有帮助的文章：

推荐阅读