如何从 typescript 使用 npm 模块？

Question

我正在试一试打字稿。它在 hello world 阶段运行良好。我现在正在尝试使用 npm 模块：

index.ts =

import _ = require('lodash')

console.log(_.toUpper('Hello, world !'))

这不起作用：

• tsc index.ts -> Cannot find module 'lodash'. (2307)
• node-ts index.js -> Cannot find module 'lodash'. (2307)

查看打字稿文档和在谷歌中没有帮助。其他 S/O 问题要么没有答案（here 和 here），要么不相关。

元素：

• typescript 1.8 最新版
• 是的，lodash 已安装 npm i --save lodash 并存在于我的文件系统中（已选中）
• 我也做过typings i --save lodash
• 变体 import * as _ from 'lodash' 或 const _ = require('lodash') 也不起作用
• 我尝试按照其他答案 "moduleResolution": "node" 和 "module": "commonjs" 中的建议调整 tsconfig.json 选项，如某些答案中的建议，仍然不起作用

我们如何在 typescript 中使用 npm 包？？

Answer 1

[编辑] 非常感谢您的回答！但是，截至 2018 年，它已经过时了。读者们，看看其他答案。

有几种方法可以从 npm 导入模块。但是如果你没有输入，tsc 总是会抱怨它找不到你需要的模块（即使转译的 js 实际上是工作的）。

• 如果您确实有打字但不使用tsconfig.json，请使用reference 导入打字：

  /// <reference path="path/to/typings/typings.d.ts" />
  
  import * as _ from 'lodash`;
  
  console.log(_.toUpper('Hello, world !'))
  

• 如果您使用的是tsconfig.json 文件，请确保包含您的类型文件（或不排除，您的选择），并像上一个示例一样使import。

在没有可用类型的情况下。您有两个选择：在 .d.ts 文件上编写自己的代码，或者忽略库的类型检查。

要完全忽略类型检查（这不是推荐的方式），请在 any 类型的变量上导入库。

 const _: any = require('lodash');

 console.log(_.toUpper('Hello, world !'))

tsc 会抱怨require 不存在。提供node 输入或declare 以丢弃错误。

Answer 2

[2018/12] 我在 2016 年提出的这个问题的最新答案，尽管答案已经过时，但仍然显示出很多活动。

长话短说，TypeScript 需要关于您的包代码（又名“type declaration files”又名“打字”）的类型信息，并且正确地告诉您，否则您将失去 TypeScript 的全部意义。有几种解决方案可以提供或选择退出，此处按最佳实践顺序列出：

---

解决方案 0：模块已经提供了类型。如果它的 package.json 包含这样的一行：

"typings": "dist/index.d.ts",

它已经支持 TypeScript。如果您正在阅读此页面，则很可能不是这种情况，所以让我们继续...

---

解决方案 1：使用来自 DefinitelyTyped 的社区贡献类型。对于模块“foo”，试试这个：

npm add -D @types/foo

如果它有效，大奖！您现在有了类型并且可以使用您的模块。如果 npm 抱怨找不到模块 @types/foo，让我们继续...

---

解决方案 2：提供有关此模块的自定义类型。 （可以选择零努力）

1. 在项目的根目录下创建一个名为“typings-custom”的文件夹
2. 在您的 tsconfig.json 中引用此文件夹的内容：

"include": [
    "./typings-custom/**/*.ts"
]

1. 使用以下确切名称创建一个文件：foo.d.ts [foo = 模块的名称]，内容为：

declare module 'foo'

您的 TypeScript 代码现在应该可以编译了，尽管没有类型信息（TypeScript 考虑类型为“any”的 foo 模块）。

您也可以尝试自己编写类型信息，查看official doc 和/或DefinitelyTyped 中的示例。如果这样做，请考虑将您的类型直接贡献到模块中（解决方案 0，如果模块作者接受）或肯定类型（解决方案 1）

Answer 3

您可能错过了Declaration Files。

请参阅DefinitelyTyped 了解更多信息。

---

试试这个：

npm install --save lodash
npm install --save @types/lodash

现在您可以导入了。

import _ from 'lodash';

---

如果您要导入的模块有多个导出，您可以这样做：

import { Express, Router } from 'express';

---

如果您要导入的模块“没有默认导出”，您需要这样做：

import * as http from 'http';

Answer 4

它对我有用。

1. 创建一个名为“typings”的文件夹。

2. 在typings文件夹中，创建一个文件名module-name.d.ts。它包含：

   declare module "module-name";

3. 在tsconfig.json中，参考文件夹

   "typeRoots": [ "./typings", "../node_modules/@types" ]

Answer 5

我遇到了这个错误，没有一个答案对我有用，但是当你想在 typescript 中使用节点模块时，我想出了一些办法，将它们安装为

$npm install @types/<module_name>

例如

npm install @types/cheerio

而不是说

npm install cheerio