ng g app-shell input.mergeMap nie jest funkcją

Question

Próbuję użyć najnowszej kanciastej cli do wygenerowania komponentu. Próbowałem wygenerować moduł również mam podobny błąd.

ng g component testComponent 

mam ten błąd

input.mergeMap is not a function 
TypeError: input.mergeMap is not a function 
    at Object.callRule (C:\Users\dammy\Documents\Visual Studio 2017\Projects\Cars\node_modules\@angular-devkit\schematics\src\rules\call.js:70:18) 

mój plik Package.json wygląda tak:

{ 
... 
    }, 
    "dependencies": { 
    ... 
    "css-loader": "0.28.4", 
    "es6-shim": "0.35.3", 
    "event-source-polyfill": "0.0.9", 
    "expose-loader": "0.7.3", 
    "extract-text-webpack-plugin": "2.1.2", 
    "file-loader": "0.11.2", 
    "html-loader": "0.4.5", 
    "isomorphic-fetch": "2.2.1", 
    "jquery": "3.2.1", 
    "json-loader": "0.5.4", 
    "preboot": "4.5.2", 
    "raw-loader": "0.5.1", 
    "reflect-metadata": "0.1.10", 
    "rxjs": "5.5.5", 
    "style-loader": "0.18.2", 
    "to-string-loader": "1.1.5", 
    "typescript": "2.4.1", 
    "url-loader": "0.5.9", 
    "webpack": "2.5.1", 
    "webpack-hot-middleware": "2.18.2", 
    "webpack-merge": "4.1.0", 
    "zone.js": "0.8.12" 
    }, 

mam zainstalowane: Angular/cli@1.6.0

Answer 1

It seems that if you have @angular/cli installed globally and a different 
version installed locally it gets broken. I solved the same error removing the 
cli package that was installed locally with 

npm remove @angular/cli --save 

then install your CLI-> 

npm install -g @angular/cli@latest 

Answer 2

It wygląda na to, że wersja @angular/cli ma zależność rxjs od wersji 5.5.5

Zobacz to drzewo Zależność:

yarn list rxjs 
yarn list v0.27.5 
├─ @angular-devkit/schematics@0.0.41 
│ └─ rxjs@5.5.5 
├─ @angular/cli@1.6.0 
│ └─ rxjs@5.5.5 
└─ rxjs@5.5.2 
Done in 1.16s. 

W moim przypadku wersja była w 5.5.2 i modernizacji stacjonarnej ten problem.

Answer 3

Miał ten sam problem; Powróciłem tymczasowo do wersji vangify/cli w wersji 1.5.0 poprzez usunięcie modułu node_modules i ponownie uruchomiłem yarn install.

Aktualizacja @ kątowa/cli do wersji 1.6.0 wprowadza ten problem z powodu niedopasowania zależności dla @ kąt-devkit/schematy @ 0.0.41 (wymaga rxjs@5.5.5) i @ kątowego/cli @ 1.6.0.

Edit: Zauważ, że ustawienie wersję rxjs 5.5.5 w package.json nie uaktualnić zależności kodu dla @ kątowe-devkit/schematy @ 0.0.41 lub @ kątowe/CLI @ 1.6.0 jak pokazano w ekstrakcie poniżej.

referencyjny: [https://github.com/angular/angular-cli/issues/8782][1]

Komendy dotkniętych: ng generate XXX

Wydaje zależności dla @ kątowej/CLI i @ kątowej-devkit/schematy nie są uaktualniane po uaktualnieniu @ kątowej/CLI do v1.6.0 i w szczególności rxjs nie jest uaktualniany.

├─ @angular-devkit/schematics@0.0.41 
│ ├─ @angular-devkit/core@0.0.22 
│ ├─ @ngtools/json-schema@^1.1.0 
│ ├─ @schematics/schematics@0.0.10 
│ ├─ minimist@^1.2.0 
│ ├─ rxjs@^5.5.2 
│ ├─ rxjs@5.5.2 
│ │ └─ symbol-observable@^1.0.1 
│ └─ symbol-observable@1.0.4 
├─ @angular/animations@5.0.2 
│ └─ tslib@^1.7.1 
├─ @angular/cli@1.6.0 
│ ├─ @angular-devkit/build-optimizer@~0.0.35 
│ ├─ @angular-devkit/schematics@~0.0.40 
│ ├─ @ngtools/json-schema@1.1.0 
│ ├─ @ngtools/webpack@1.9.0 
│ ├─ @schematics/angular@~0.1.10 
│ ├─ autoprefixer@^6.5.3 
│ ├─ chalk@~2.2.0 
│ ├─ chalk@2.2.2 
│ │ ├─ ansi-styles@^3.1.0 
│ │ ├─ escape-string-regexp@^1.0.5 
│ │ └─ supports-color@^4.0.0 
│ ├─ circular-dependency-plugin@^4.2.1 
│ ├─ common-tags@^1.3.1 
│ ├─ copy-webpack-plugin@^4.1.1 
│ ├─ core-object@^3.1.0 
│ ├─ css-loader@^0.28.1 
│ ├─ cssnano@^3.10.0 
│ ├─ denodeify@^1.2.1 
│ ├─ ember-cli-string-utils@^1.0.0 
│ ├─ exports-loader@^0.6.3 
│ ├─ extract-text-webpack-plugin@^3.0.2 
│ ├─ file-loader@^1.1.5 
│ ├─ fs-extra@^4.0.0 
│ ├─ glob@^7.0.3 
│ ├─ html-webpack-plugin@^2.29.0 
│ ├─ istanbul-instrumenter-loader@^2.0.0 
│ ├─ karma-source-map-support@^1.2.0 
│ ├─ less-loader@^4.0.5 
│ ├─ less@^2.7.2 
│ ├─ license-webpack-plugin@^1.0.0 
│ ├─ lodash@^4.11.1 
│ ├─ memory-fs@^0.4.1 
│ ├─ minimatch@^3.0.4 
│ ├─ node-modules-path@^1.0.0 
│ ├─ node-sass@^4.3.0 
│ ├─ nopt@^4.0.1 
│ ├─ opn@~5.1.0 
│ ├─ portfinder@~1.0.12 
│ ├─ postcss-custom-properties@^6.1.0 
│ ├─ postcss-loader@^2.0.8 
│ ├─ postcss-url@^7.1.2 
│ ├─ raw-loader@^0.5.1 
│ ├─ resolve@^1.1.7 
│ ├─ rxjs@^5.5.2 
│ ├─ rxjs@5.5.2 
│ │ └─ symbol-observable@^1.0.1 

Answer 4

miałem ten sam problem po aktualizacji do 1.6.0 @angular/cli chociaż miałem rxjs v5.5.5. Udało mi się go rozwiązać, wykonując następujące czynności:

npm i --save-dev @angular/cli@^1.6.0

npm i @angular/cli@^1.6.0 -g

npm i --save-dev typescript@^2.6.2

npm i typescript@^2.6.2 -g

W moim przypadku to było najprawdopodobniej spowodowane moja globalny maszynopis nie będąc w tej samej wersji co mój lokalny maszynopis. Po prostu ponownie zainstalowałem wszystko, aby upewnić się, że wszystko jest zsynchronizowane [i oczywiście, możesz połączyć niektóre z tych poleceń, po prostu napisałem to dla jasności].

AKTUALIZACJA: Z jakiegoś powodu otrzymałem ten problem i powyższe rozwiązania nie działały same z siebie.Po wykonaniu powyższych czynności udało mi się go rozwiązać, usuwając mój folder package-lock.json i lokalny node_modules i robiąc kolejny npm install.

Answer 5

Dla mnie ponownie zainstalowałem angular-devkit. Uruchom komendę:

npm install @angular-devkit/schematics@0.0.34 --save-dev

I udało się!

Answer 6

Miałem ten sam problem po aktualizacji do @ angleular/cli 1.6.3 i maszynie 2.6.2. Musisz sprawdzić, czy zarówno globalna jak i lokalna wersja @ angle/cli i maszynopis są takie same.

można sprawdzić wersje globalnych z tego polecenia:

ng -v 
tsc -v 

następnie porównać go z lokalnego package.json.

Jeśli różni:

globalnie

npm remove -g @angular/cli 
npm remove -g typescript 

npm i -g @angular/cli@latest 
npm i -g typescript@latest 

lokalnie:

//Remove node_modules folder 
//remove package-lock.json 
npm i @angular/cli@latest --save-dev 
npm i typescript@latest --save-dev 
npm install 

UWAGA: w chwili pisania jestem coraz ostrzeżenie od kątowa cli informujące, że

@angular/compiler-cli@5.2.0 requires typescript@'>=2.4.2 <2.6.0' but 2.6.2 was found instead. 

Jeśli chcesz tego uniknąć. Możesz użyć