วิธีการใช้โมดูล npm จาก typescript

ฉันกำลังถ่ายทำที่ typescript ทำงานได้ดีในเวทีโลกสวัสดี ตอนนี้ฉันกำลังพยายามใช้โมดูล 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)

การดูเอกสาร typescript และใน Google ไม่ได้ช่วยอะไร คำถาม S / O อื่น ๆ อาจไม่มีคำตอบ ( ที่นี่และที่นี่ ) หรือไม่เกี่ยวข้อง

องค์ประกอบ:

• typescript 1.8 ล่าสุด
• ใช่ติดตั้ง lodash แล้ว npm i --save lodashและมีอยู่ในระบบไฟล์ของฉัน (ตรวจสอบ)
• ฉันก็ทำเช่นกัน typings i --save lodash
• ตัวแปรimport * as _ from 'lodash'หรือconst _ = require('lodash')ไม่ทำงานอย่างใดอย่างหนึ่ง
• ฉันลองปรับแต่งตัวเลือก tsconfig.json ตามที่แนะนำในคำตอบอื่น ๆ "moduleResolution": "node"และ"module": "commonjs"ตามที่แนะนำในบางคำตอบก็ยังไม่ได้ผล

เราจะใช้แพ็คเกจ npm ใน typescript ได้อย่างไร ??

[แก้ไข] ขอบคุณมากสำหรับคำตอบนี้! อย่างไรก็ตามในปี 2018 มันล้าสมัยไปแล้ว ผู้อ่านลองดูคำตอบอื่น ๆ

มีหลายวิธีในการนำเข้าโมดูลจาก npm แต่ถ้าคุณไม่ได้รับการพิมพ์tscจะบ่นเสมอว่าไม่พบโมดูลที่คุณต้องการ (แม้ว่า js ที่โปร่งใสจะใช้งานได้จริงก็ตาม)

• หากคุณมีการพิมพ์และไม่ได้ใช้ a 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เพื่อทิ้งข้อผิดพลาด

[2018/12] ใหม่ล่าสุดคำตอบสำหรับคำถามนี้ที่ฉันถามในปี 2016 ซึ่งยังคงแสดงกิจกรรมมากมายแม้ว่าจะมีคำตอบที่ไม่เป็นปัจจุบันก็ตาม

เรื่องสั้นขนาดยาว TypeScript ต้องการข้อมูลประเภทเกี่ยวกับรหัสของแพ็คเกจของคุณ (aka " type declaration files " aka "typings") และบอกคุณอย่างถูกต้องว่ามิฉะนั้นคุณจะสูญเสียจุดทั้งหมดของ TypeScript มีวิธีแก้ปัญหาหลายอย่างที่จะให้หรือเลือกไม่ใช้โดยระบุไว้ที่นี่ตามแนวทางปฏิบัติที่ดีที่สุด:

โซลูชันที่ 0 : โมดูลมีการพิมพ์อยู่แล้ว หาก package.json มีบรรทัดดังนี้:

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

มันเปิดใช้งาน TypeScript แล้ว เป็นไปได้มากว่าคุณกำลังอ่านหน้านี้ดังนั้นมาดูกันต่อ ...

โซลูชันที่ 1 : ใช้ชุมชนมีส่วน typings จากDefinitelyTyped สำหรับโมดูล "foo" ให้ลองทำดังนี้

npm add -D @types/foo

ถ้าได้ผลแจ็คพอต! ตอนนี้คุณมีการพิมพ์และสามารถใช้โมดูลของคุณได้แล้ว ถ้า npm บ่นว่าหา module @ types / foo ไม่เจอให้ไปต่อ ...

โซลูชันที่ 2 : ระบุการพิมพ์ที่กำหนดเองเกี่ยวกับโมดูลนี้ (พร้อมตัวเลือกที่จะไม่ต้องออกแรง)

1. สร้างโฟลเดอร์ชื่อ "typings-custom" ที่รากของโปรเจ็กต์ของคุณ
2. อ้างอิงเนื้อหาของโฟลเดอร์นี้ใน tsconfig.json ของคุณ:

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

3. สร้างไฟล์ที่มีชื่อตรงตามนี้: foo.d.ts [foo = ชื่อของโมดูล] โดยมีเนื้อหา:

declare module 'foo'

ตอนนี้โค้ด TypeScript ของคุณควรคอมไพล์แล้วแม้ว่าจะมีข้อมูลประเภท NO (TypeScript พิจารณาโมดูล foo ประเภท "any")

นอกจากนี้คุณยังสามารถพยายามที่จะเขียนข้อมูลประเภทตัวเองดูที่เอกสารอย่างเป็นทางการและ / หรือตัวอย่างจากDefinitelyTyped หากคุณทำเช่นนั้นให้นึกถึงการพิมพ์ของคุณลงในโมดูลโดยตรง (โซลูชัน 0 หากผู้เขียนโมดูลยอมรับ) หรือใน DefinelyTyped (โซลูชัน 1)

คุณอาจไม่มีไฟล์การประกาศไฟล์ประกาศ

ดูแน่นอนพิมพ์สำหรับข้อมูลเพิ่มเติม

ลองสิ่งนี้:

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

ตอนนี้คุณสามารถนำเข้า

import _ from 'lodash';

หากโมดูลที่คุณนำเข้ามีการส่งออกหลายรายการคุณสามารถทำได้:

import { Express, Router } from 'express';

หากโมดูลที่คุณกำลังนำเข้า"ไม่มีการส่งออกเริ่มต้น"คุณต้องดำเนินการดังนี้:

import * as http from 'http';

มันได้ผลสำหรับฉัน

1. สร้างโฟลเดอร์ชื่อ "typings"

2. ในโฟลเดอร์ typings สร้างชื่อไฟล์โมดูล name.d.ts ประกอบด้วย:

   declare module "module-name";

3. ใน tsconfig.json อ้างถึงโฟลเดอร์

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

ฉันได้รับข้อผิดพลาดนี้และไม่มีคำตอบใดที่ใช้ได้ผลสำหรับฉันแต่ฉันพบบางอย่างเมื่อคุณต้องการทำงานกับโมดูลโหนดใน typescript ให้ติดตั้งเป็น

$npm install @types/<module_name>

ตัวอย่างเช่น

npm install @types/cheerio

แทนที่จะพูด

npm install cheerio