当你在进行Angular开发步骤时,如果想要添加未包含的库,

动力 lì)

我想使用一开始没有包含的library。顺便提一下,我想使用的是@angular/cdk。当我想创建一个能够拖放的组件时,我向上司请教并获得了指导。

要做的事情 zuò de

在package.json文件中添加库

{
  "name": "task-management",
  "version": "0.0.0",
  "scripts": {
    "ng": "ng",
// 省略
  "private": true,
  "dependencies": {
    "@angular/animations": "~8.2.7",
    "@angular/common": "~8.2.7",
    "@angular/compiler": "~8.2.7",
    "@angular/core": "~8.2.7",
    "@angular/forms": "~8.2.7",
    "@angular/platform-browser": "~8.2.7",
    "@angular/platform-browser-dynamic": "~8.2.7",
    "@angular/router": "~8.2.7",
    "bootstrap": "^4.3.1",
    "rxjs": "~6.4.0",
    "tslib": "^1.10.0",
    "zone.js": "~0.9.1",
    "@angular/cdk": "*" // ←追加
  },
// 省略
}

最初,我想要将其添加到devDependencies中。
因为不太明白dependencies和devDependencies之间的区别,所以我进行了调查。
https://qiita.com/chihiro/items/ca1529f9b3d016af53ec
尽管我看了上面的内容,但我仍然没有完全理解,所以我问了我的同事,得到了以下的答案。
dependencies:对应应用程序运行所必需的内容
devDependencies:对于开发过程中的构建和辅助工具所必需的内容
关于版本指定,请参考以下链接:
https://qiita.com/chihiro/items/5826678bc9287fb57a28

进行npm i操作

去找package.json里写的东西。
即使在ts文件中写了@angular/cdk的import语句,也不再出现编译错误了!

总结

【前提】进行npm安装时,将获取package.json中的内容。
1.尝试向package.json中添加所需的库。
2.使用npm i去获取它们。

bannerAds