当你在进行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去获取它们。