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

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

我以这种方式导入类：

要导出的类（WindowManager）

导入的类（主）

文件夹层次结构

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

额外信息

在此代码行（Main）抛出错误

从“./handlers/WindowManager.js”导入WindowManager

---

我已经研究并进行了更改，但仍然没有任何东西

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

什么是TypeScript？

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

如何安装TypeScript？

npm安装-g typescript

如何使用TypeScript？

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

• 通过运行

  tsc--init

  生成tsconfig.json

• 创建TypeScript索引文件

• 在终端上运行

  tsc

  ，将所有TypeScript项目文件编译成JavaScript

• 请注意，您的索引类型脚本文件已编译为JavaScript

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

注意事项：

• 每次更改TypeScript文件时，都必须使用

  tsc

  重新编译代码并对JavaScript文件进行更改

• VS代码附带TypeScript支持，如果您使用的是Atom，则可以按照以下教程安装TypeScript包：

快乐编码

帮助我的文章：

---

我通过迁移到TypeScript解决了这个问题

什么是TypeScript？

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

如何安装TypeScript？

npm安装-g typescript

如何使用TypeScript？

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

• 通过运行

  tsc--init

  生成tsconfig.json

• 创建TypeScript索引文件

• 在终端上运行

  tsc

  ，将所有TypeScript项目文件编译成JavaScript

• 请注意，您的索引类型脚本文件已编译为JavaScript

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

注意事项：

• 每次更改TypeScript文件时，都必须使用

  tsc

  重新编译代码并对JavaScript文件进行更改

• VS代码附带TypeScript支持，如果您使用的是Atom，则可以按照以下教程安装TypeScript包：

快乐编码

帮助我的文章：

---

您确定导入正在抛出它吗？看起来像是第四行。我怀疑WindowManager=newwindowmanager，“我认为你不能从这样的类中实例化一个对象，它会导致这个错误。它应该类似于“WindoManager myManager=new WindowManager”。@C.Peck Yep，我敢肯定。我尝试了你的语法，但它无效。。。更改了我的声明，从

WindowManager=newwindowmanager（）

to

const windowManager=new windowManager（）我仍然会收到相同的错误您确定导入引发了错误吗？看起来像是第四行。我怀疑WindowManager=newwindowmanager，“我认为你不能从这样的类中实例化一个对象，它会导致这个错误。它应该类似于“WindoManager myManager=new WindowManager”。@C.Peck Yep，我敢肯定。我尝试了你的语法，但它无效。。。更改了我的声明，从
WindowManager=newwindowmanager（）
to
const windowManager=new windowManager（）和我仍然得到相同的错误
export default class WindowManager {
    sayHello() {
        console.log('hello')
    }
}

import WindowManager from './handlers/WindowManager';

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