Как обновить угловое приложение, если в package.json добавлена ​​новая зависимость, и использовать его в файле компонента? - PullRequest
Новая
       6

Как обновить угловое приложение, если в package.json добавлена ​​новая зависимость, и использовать его в файле компонента?

0 голосов
/ 01 декабря 2018

Я пытаюсь использовать одну новую зависимость в файле package.json и пытаюсь импортировать в файл компонента перед импортом. Я пытаюсь установить или обновить зависимость, используя npm , но я не могуимпорт после добавления новой зависимости в package.json

Пожалуйста, найдите существующее содержимое файла package.json, в настоящее время использующее версию angular 6 

"dependencies": {
    "@angular/animations": "^6.0.3",
    "@angular/common": "^6.0.3",
    "@angular/compiler": "^6.0.3",
    "@angular/core": "^6.0.3",
    "@angular/forms": "^6.0.3",
    "@angular/http": "^6.0.3",
    "@angular/platform-browser": "^6.0.3",
    "@angular/platform-browser-dynamic": "^6.0.3",
    "@angular/router": "^6.0.3",
    "@ngrx/core": "^1.2.0",
    "@ngrx/effects": "^6.0.1",
    "@ngrx/store": "^6.0.1",
    "bootstrap": "^4.1.1",
    "core-js": "^2.5.4",
    "rxjs": "^6.0.0",
    "zone.js": "^0.8.26"
  }

После добавления нового содержимого 

"dependencies": {
    "@angular/animations": "^6.0.3",
    "@angular/common": "^6.0.3",
    "@angular/compiler": "^6.0.3",
    "@angular/core": "^6.0.3",
    **"@angular/flex-layout": "6.0.0-beta.13",**
    "@angular/forms": "^6.0.3",
    "@angular/http": "^6.0.3",
    **"@angular/material": "6.0.3",**
    "@angular/platform-browser": "^6.0.3",
    "@angular/platform-browser-dynamic": "^6.0.3",
    "@angular/router": "^6.0.3",
    "@ngrx/core": "^1.2.0",
    "@ngrx/effects": "^6.0.1",
    "@ngrx/store": "^6.0.1",
    "bootstrap": "^4.1.1",
    "core-js": "^2.5.4",
    "rxjs": "^6.0.0",
    "zone.js": "^0.8.26"
  }

Я пытался использовать 

npm install
npm install -g @angular/material
npm install -g @angular/material latest

, но бесполезно, что оно обновлено, но в приложении я не могу импортировать в файл компонента.

Может кто-нибудь предложить мне какое-нибудь решениеКак обновить новую зависимость, если она добавлена ​​в package.json, и использовать код компонента для импорта новой зависимости, например, углового материала?

Ответы [ 2 ]

0 голосов
/ 01 декабря 2018

Не используйте флаг -g, с -g вы устанавливаете глобальные пакеты - думаю, это не то, что вам нужно.

0 голосов
/ 01 декабря 2018

Удалите эти строки из вашего package.json файла: 

"@angular/animations": "^6.0.3",
**"@angular/flex-layout": "6.0.0-beta.16",**
**"@angular/material": "6.0.1",**

Затем выполните эту команду для установки пакетов угловых материалов: 

npm install --save @angular/material @angular/cdk @angular/animations

После этогоВы можете импортировать такие угловые компоненты материала: 

import {MatButtonModule} from '@angular/material

Не забудьте добавить каждый компонент в часть NgModule: 

@NgModule({
  imports: [MatButtonModule],
})
...