How to consume npm modules from typescript?

匿名 (未验证) 提交于 2019-12-03 02:13:02

问题:

I'm giving a shot at typescript. It works fine at the hello world stage. I'm now trying to use a npm module :

index.ts =

import _ = require('lodash')  console.log(_.toUpper('Hello, world !')) 

This doesn't work :

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

Looking at typescript documentation and in google didn't help. Other S/O questions are either unanswered (here and here) or unrelated.

Elements :

  • typescript 1.8 latest
  • Yes, lodash is installed npm i --save lodash and exists in my filesystem (checked)
  • I also did typings i --save lodash
  • variants import * as _ from 'lodash' or const _ = require('lodash') don't work either
  • I tried tweaking tsconfig.json options as suggested in other answers "moduleResolution": "node" and "module": "commonjs" as suggested in some answers, still doesn't work

How do we consume a npm package in typescript ??

回答1:

There are several ways to import modules from npm. But if you don't get typings, tsc will always complain that it can't find the module you are requiring (even if transpiled js is actually working).

  • If you do have typings and do not use a tsconfig.json, use reference to import the typings:

    /// <reference path="path/to/typings/typings.d.ts" />  import * as _ from 'lodash`;  console.log(_.toUpper('Hello, world !')) 
  • If you are using a tsconfig.json file, be sure to have your typings file included (or not excluded, your choice), and make the import like on the previous example.

In the case when there is no available typings. You have two choices: write your own on a .d.ts file, or ignore type checking for the library.

To completely ignore the type checking (this is no the recommended way), import the library on a variable of type any.

 const _: any = require('lodash');   console.log(_.toUpper('Hello, world !')) 

tsc will complain that require doesn't exist. Provide node typings, or declare it to discard the error.



回答2:

You're probably missing the Declaration Files.

See DefinitelyTyped for more info.


Try this:

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

Now you can import.

import _ from 'lodash'; 

If the module you're importing has multiple exports, you can do this:

import { Express, Router } from 'express'; 

If the module you're importing "has no default export" you need to do this:

import * as http from 'http'; 


标签
易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!