ES6，Typescripts，如何正确import express？

爱被打了一巴掌 2022-12-24 02:56 99阅读 0赞

使用Typescripts，在导入模块时，常常出一些难以理解的简单错误。下面就给出标准答案，让你在 import 模块的时候不再迷惑。

## 1. 标准做法 ##

import { Request, Response, Application } from 'express';
    import express = require('express');
    
    var app: Application = express();
    
    app.get('/', function (req: Request, res: Response) {
      res.send('Hello World')
    });
    
    app.listen(3000);

## 2. 默认导出 ##

另外一个简化方法，让你可以使用默认导出。首先在 tsconfig.json 中进行设置：

// tsconfig.json
    {
      "compilerOptions": {
        "allowSyntheticDefaultImports": true,     /* Allow default imports from modules with no default export. This does not affect code emit, just typechecking. */
        "esModuleInterop": true,                  /* Enables emit interoperability between CommonJS and ES Modules via creation of namespace objects for all imports. Implies 'allowSyntheticDefaultImports'. */
      }
    }

然后你就可以这样导入：

import express from 'express' 
    var app = express();

来源：[https://stackoverflow.com/a/55523133/3054511][https_stackoverflow.com_a_55523133_3054511]

[https_stackoverflow.com_a_55523133_3054511]: https://stackoverflow.com/a/55523133/3054511

发表评论取消回复

表情：

评论列表（有 0 条评论，99人围观）

还没有评论，来说两句吧...

相关阅读

相关 ES6的import

ES6中通过export和import实现对外部模块的引用。 import for a default-export -------------------- 假如有

曾经终败给现在/ 2023年07月08日 12:24/ 0 赞/ 9 阅读

相关 JavaScript、ES6与TypeScript

ECMAScript和JavaScript的关系 ECMAScript和JavaScript的关系是，前者是后者的规格（语言规范），后者是前者的一种实现。 JavaS

绝地灬酷狼/ 2023年07月04日 06:09/ 0 赞/ 13 阅读

相关 ES6 - import/export [如何动态导入模块] - 学习/实践

1.应用场景 <table> <tbody> <tr> <td>主要用于学习, 使用ES6的导入导出模块, 以及动态导入的用法.</td> </tr>

怼烎@/ 2023年01月09日 15:57/ 0 赞/ 537 阅读

相关 ES6，Typescripts，如何正确import express？

使用Typescripts，在导入模块时，常常出一些难以理解的简单错误。下面就给出标准答案，让你在 import 模块的时候不再迷惑。 1. 标准做法 impo

爱被打了一巴掌/ 2022年12月24日 02:56/ 0 赞/ 100 阅读

相关 ES6模块化——import和export

一、import 1、静态import导入的js文件，在严格模式下运行静态的`import` 语句用于导入由另一个模块导出的绑定。无论是否声明了 [`strict m

╰+哭是因爲堅強的太久メ/ 2022年12月19日 03:48/ 0 赞/ 542 阅读

相关 JavaScript与ECMAScript、ES6、TypeScript的关系

前言经常听别人说`JavaScript`、`ECMAScript`、`ES6`、`TypeScript`，但是你知道他们是什么关系吗？ JavaScript 要

太过爱你忘了你带给我的痛/ 2022年10月02日 14:57/ 0 赞/ 196 阅读

相关【ES6】const命令和import命令

const命令 const用来声明常量，一旦声明，其值就不能更改，这就意味着const一旦声明常量，就要立即初始化。 const命令的作用域与[let命令][let]

短命女/ 2022年06月06日 01:13/ 0 赞/ 355 阅读

相关如何使用ES6模块export,export default和import

ES6使用 export 和 import 来导出、导入模块，也就是说使用export命令定义了模块的对外接口以后，其他JS文件就可以通过import命令加载这个模块（文件）。

古城微笑少年丶/ 2021年11月05日 19:18/ 0 赞/ 717 阅读

相关 typescript es6的export导出

支持js的所有导出方式 export:导出声明或表达式(export {a,b,c}会被认为是声明列表而非对象),不能导出单独变量(如:export a)

缺乏、安全感/ 2021年07月24日 23:32/ 0 赞/ 1124 阅读

相关 typescript 解析import语法

当在amd模式下使用es6 import-export语法时,对应的js文件会变成amd格式,即define(...),使得浏览器无法识别在.htm

以你之姓@/ 2021年07月24日 22:12/ 0 赞/ 431 阅读