2016-05-13 20 views
5

Próbuję utworzyć aplikację Angular 2 przy użyciu maszynopisu w Visual Studio 2015. Zainstalowałem npm na moim komputerze. Kiedy kompiluję aplikację, dostaję błędy, nie mogę znaleźć modułu '@ kątowy/rdzeń'. Jest on polecany we wszystkich plikach ts w folderze node_mulules w instrukcji import. Dla np.Nie można znaleźć modułu @ kątowy/core + kątowy2

import { ElementRef, AfterViewInit, OnDestroy, DoCheck, EventEmitter, IterableDiffers } from '@angular/core'; 

Obecnie otrzymuję około 500 błędów plus. Błąd gaśnie, gdy zamieniam go na "angle2/core". Także, aby Ci o tym powiedzieć, używam także PrimeNG UI Components w moim projekcie.

Czy ktoś może pomóc? Nie rozumiem, dlaczego patrzy na @ kątowy/rdzeń?

+0

Proponuję użyć https://cli.angular.io/. Zobacz także https://www.youtube.com/watch?v=wHZe6gGI5RY –

+0

Dzięki. Czy mogę dołączyć strukturę kodu wygenerowaną przez cli.angular.io do mojego studia wizualnego? – Tom

+0

Niestety, nie mogę ci w tym pomóc. –

Odpowiedz

2

Nazwa angular2 w nazwach modułów dotyczy wersji przed wersjami RC (Release Candidate) (wersje beta) i @angular dla wersji RC.

+0

Używam wersji angular2 2.0.0-beta.17. Więc jaki jest problem? – Tom

+0

Więc musisz użyć: import {...} z 'angle2/core'; –

+0

Jestem teraz nieco zdezorientowany.Kiedy uruchamiam npm install angular2, instaluje wersję ngular2 2.0.0-beta.17. Jak zainstalować wersję Release Candidate? Ponieważ muszę użyć najnowszego. – Tom

5
  1. Install nodejs
  2. Otwarte cmd szybka i typ 'cd katalogu projektu'
  3. typu 'npm install' i naciśnij Enter.

Spowoduje to utworzenie folderu node_modules w tym katalogu, który powinien mieć wymagany @ kątowy/rdzeń.

+0

Dziękuję za odpowiedź. Naprawdę zaoszczędziłem mój czas! –

2

Najpierw musisz dodać typy na poziomie globalnym, jak poniżej.

npm install -g typings 

Następnie należy utworzyć plik typings.json, używając poniższego polecenia.

typings init 

Wklej poniżej kod w typings.json

{ 
    "name": "ng2-application", 
    "globalDependencies": { 
    "core-js": "registry:dt/core-js#0.0.0+20160725163759", 
    "jasmine": "registry:dt/jasmine#2.2.0+20160621224255", 
    "node": "registry:dt/node#6.0.0+20160909174046" 
    } 
} 

teraz trzeba dodać poniżej kodu w tsconfig.json

"compilerOptions": { 
     "moduleResolution": "node" 
     } 

Po wykonaniu wyżej etapów będzie w stanie dostać się na definicji F12.

+0

Działa jak urok, dziękuję. – AfroChase

0

Kiedy miałem ten problem, przychodził i odchodził w zależności od rodzaju modułu, który wybrałem. (Visual Studio, projekt prawym przyciskiem myszy, właściwości, zakładka Maszyniopis. Wystąpiłby w systemie "System", który jest używany w samouczku Angular2 QuickStart, ale na przykład w niektórych innych przypadkach).

Weryfikowałem folder/node_modules/@ angle/core/istniał w wersji proj i został zapełniony.

Rozwiązaniem było edytowanie pliku .csproj i dodanie wiersza <TypeScriptModuleResolution>Node</TypeScriptModuleResolution> w sekcjach Debugowanie i wydawanie. VS domyślnie wybiera Classic dla tego ustawienia dla niektórych ustawień ModuleKind.

Powiązane problemy