Блог

#typescript #express

#typescript #экспресс

Вопрос:

 import { Request, Response, Application } from 'express';

// TODO Figure out how NOT to use require here.
const express = require('express');
var app: Application = express();

app.get('/', function (req: Request, res: Response) {
  res.send('Hello World')
});

app.listen(3000);
  

 import express from 'express';
  

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

Комментарии:

1. Я могу рассказать вам, почему попытка # 2 не сработала: вы запросили объект пространства имен модуля, затем попытались запустить его как функцию.

2. Похоже, @types/express отсутствует тот факт, что Express предоставляет экспорт по умолчанию, который является функцией. (Я только что дважды проверил, что это так, и это import express from "express"; правильно извлекает его в коде JavaScript с --experimental-modules включенным.) Так что определенно дело в типах (как следует из ошибки). Заглядывая в node_modules/@types/express/index.d.ts , я вижу, что он, по крайней мере, пытается определить экспорт для экспресс-функции: «Создает экспресс-приложение. Функция express() — это функция верхнего уровня, экспортируемая модулем express.»

3. @T.J.Crowder Принудительное приведение к функции работает: const app = (express as unknown as Function)(); . Хотя это, безусловно, уродливый взлом.

4. (Говоря о взломах: import * as mno from 'express'; const express = mno.default as unknown as Function; ) Но реальное решение (с которым, к сожалению, я не могу помочь) заключается в сортировке типов в @types/express/index.d.ts и / или их использовании TypeScript.

5. Сортировка типов была бы полезным запросом на извлечение. Я могу добавить это к моему списку дел «может быть, когда-нибудь».

Ответ №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);
  

 // 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();
  

Комментарии:

1. Это полезно. Однако в нашем случае мы ориентируемся на модули ECMAScript и видим это сообщение об ошибке: «Назначение импорта не может быть использовано при таргетинге на модули ECMAScript …»

2. @ShaunLuttin Боюсь, что использование bare require() — лучший способ для вас. В качестве альтернативы, если вы используете webpack или babel, вы могли бы предварительно обработать модуль express , чтобы «включить» его в экспорт по умолчанию, но это, вероятно, слишком хлопотно и может привести к путанице в типах.

3. @ShaunLuttin Вы уверены, что хотите настроить таргетинг на модули ECMAScript в своем серверном коде? Узел использует commonjs. Вероятно, вы объединяете все модули перед их запуском с node, так что это не имеет значения, но опять же, зачем использовать какой-то определенный тип модулей, отличных от собственных модулей nodejs? Зачем вставлять круглый колышек в квадратное отверстие, если в итоге вы собираетесь залить все это бетоном?

4. Это потрясающий момент в использовании commonjs на стороне сервера. Я пошел дальше и попробовал это. Поскольку мы используем babel/plugin-transform-typescript для переноса вместо использования tsc , возникает новая ошибка, поскольку система сборки babel не позволяет import = работать. Мы могли бы установить --allowSyntheticDefaultImports , но это (раньше) имело некоторые крайние случаи, которых мы хотим избежать.

5. Комбинация использования commonjs и настройки allowSyntheticDefaultImports , и esModuleInterop того и true другого, похоже, работает.

Ответ №2:

 import express from 'express';
  

 "type": "module",
  

 node --experimental-specifier-resolution=node index.js
  

Ответ №3:

 const express = require('express');
const app = express();
const PORT = 3000;