我尝试导入类时出现意外的标识符{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
我尝试导入类时出现意外的标识符{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