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

时间:2019-03-27 15:40:56

标签: javascript node.js electron

当我尝试导入一个类时,出现“意外标识符”错误。

我以这种方式导入课程:

要导出的类(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;

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

1 个答案:

答案 0 :(得分:0)

我能够通过迁移到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上的主要入口点;
  • 启动您的应用程序/网站/任何东西。

注释:

  • 每次更改TypeScript文件时,都必须使用tsc 重新编译代码并在JavaScript文件上进行更改;

  • VS Code带有TypeScript支持,如果您使用的是Atom,则可以按照以下教程安装TypeScript软件包:Installing atom-typescript package

祝您编程愉快!

对我有帮助的文章