Fehler TS1005: ';' erwartet. TypeScript Angular 6 Für First Build-Fehler rxjs in node_modules

75

Ich erstelle meine erste Angular-Anwendung. Mit diesem Befehl erstelle ich eine neue Angular-Anwendung ng new purchase-section. Aber wenn ich die Anwendung mit ausführe, wird ng serve -oder folgende Fehler angezeigt.

FEHLER in node_modules / rxjs / internal / types.d.ts (81,44): Fehler TS1005: ';' erwartet. node_modules / rxjs / internal / types.d.ts (81,74): Fehler TS1005: ';' erwartet. node_modules / rxjs / internal / types.d.ts (81,77): Fehler TS1109: Ausdruck erwartet.

Ich habe geprüft, types.d.tswie ich weiß, dass es von Angular erstellt wurde. Ich kann den Fehler nicht verstehen. Beachten Sie, dass ich, nachdem ich diesen Fehler erhalten habe, ihn gelöscht node_modulesund installiert habe, indem npm installich wünschte, ich wäre weggekommen, trotzdem habe ich diesen Fehler erhalten.

Hier ist meine package.JSONDatei:

{
 "name": "purchase-section",
 "version": "0.0.0",
  "scripts": {
"ng": "ng",
"start": "ng serve",
"build": "ng build",
"test": "ng test",
"lint": "ng lint",
"e2e": "ng e2e"
 },
 "private": true,
   "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",
       "core-js": "^2.5.4",
       "rxjs": "^6.0.0",
        "zone.js": "^0.8.26"
       },
      "devDependencies": {
        "@angular-devkit/build-angular": "~0.6.8",
         "@angular/cli": "~6.0.8",
         "@angular/compiler-cli": "^6.0.3",
          "@angular/language-service": "^6.0.3",
           "@types/jasmine": "~2.8.6",
           "@types/jasminewd2": "~2.0.3",
            "@types/node": "~8.9.4",
             "codelyzer": "~4.2.1",
              "jasmine-core": "~2.99.1",
               "jasmine-spec-reporter": "~4.2.1",
                "karma": "^4.0.0",
                 "karma-chrome-launcher": "~2.2.0",
                  "karma-coverage-istanbul-reporter": "~2.0.0",
                   "karma-jasmine": "~1.1.1",
                 "karma-jasmine-html-reporter": "^0.2.2",
                 "protractor": "^5.4.2",
                  "ts-node": "~5.0.1",
                  "tslint": "~5.9.1",
                "typescript": "~2.7.2"
                 }
               }
Rifat Murtuza
quelle
2
Verwandte Ausgabe auf RxJS GitHub Seite: github.com/ReactiveX/rxjs/issues/4512
Martin
2
Hey, hast du jemals eine Antwort auf dieses Problem gefunden? Ich habe das gleiche Problem und keine der folgenden Antworten hat irgendetwas gelöst. Ich benutze übrigens ng4 (Angular 4).
yfdgvf asdasdas
Welche Linie ist Linie 81?
user3629249
Dies könnte helfen, stackoverflow.com/a/59941420/4378475
Inzamam Malik

Antworten:

76

Ich hatte das gleiche Problem. Ich habe untersucht, dass rxjs eine neue Version veröffentlicht hat : 6.4.0. Und es hat den Build gebrochen. Laut Überprüfung ist die minimal unterstützte Version von TypeScript 2.8. Wenn Sie nicht Typoskript Version aktualisieren möchten, ändern Sie einfach "rxjs": "^6.0.0", to "rxjs": "6.3.3"in package.json.

langrenn
quelle
Ich habe das gleiche Problem mit meinem "Typoskript": "~ 3.2.2" und "rxjs": "6.3.3". Bitte sagen Sie mir, wie ich diesen Fehler beheben kann.
Kalai
4
Ändern Sie einfach "rxjs": "^ 6.0.0" in "rxjs": "6.3.3" in package.json und führen Sie den Befehl npm install erneut aus, damit er in Ihrem Projekt aktualisiert wird. Jetzt wird es funktionieren
Nasreen Ustad
1
Auch wenn Ihre package.json eine Abhängigkeit für rxjs-kompatibel hat, dann machen Sie das auch 6.3.3, damit Sie keine Fehler bekommen
rohan dani
@kalai Hallo, ich hatte das gleiche Problem, ich habe die RXJS-Version auf 6.3.3 geändert und Knotenmodule entfernt und erneut installiert. Jetzt funktioniert es. Ich verwende Typoskript Version 2.7.2
Codemt
@codemt mein Projekt läuft erfolgreich an der Eingabeaufforderung, aber Fehler nur in Visual Studio 2017
Kalai
35

Ich hatte das gleiche Problem bei der Entwicklung eines Angular6-Projekts. Ich habe mehr Zeit damit verbracht, endlich funktioniert es für mich.

Hier ist die Lösung:

  1. Öffnen Sie "package.json"

  2. rxjs und "TypeScript" verstion wie unten Screenshot

    Geben Sie hier die Bildbeschreibung ein

  3. Ändern Sie wie im folgenden Screenshot:

    Geben Sie hier die Bildbeschreibung ein

  4. Gehen Sie als nächstes zu Ihrem Projektordner und löschen Sie den Ordner "node_modules".

  5. Führen npm installSie nach dem Löschen das nächste Mal in Ihrem Projektordner aus

  6. Zum Schluss laufen ng serve. Es sollte funktionieren (ich habe 3 Projekte ausprobiert und bestätigt).

imjayabal
quelle
Dies scheint für mich zu funktionieren, aber wissen Sie, was der eigentliche Grund für diesen Fehler ist? Ich meine, bis jetzt hat es mit dem Symbol "^" gut funktioniert. Haben Sie vielleicht weitere Details darüber, was diesen Fehler verursacht? Vielen Dank
Viocartman
Für Details lesen Sie @langrenn Antwort unten Ich denke, es ist der Grund.
Prageeth Godage
34

Entfernen Sie einfach das ^Zeichen aus "rxjs": "^6.0.0"der package.jsonDatei und erstellen Sie es "rxjs": "6.0.0". Es sollte gut funktionieren.

Aditya
quelle
1
Ich musste dann meine löschen node_modulesund npm ierneut ausführen , aber es hat funktioniert. (Alternative: npm update)
Jeremy Thille
14

Heute stand ich vor dem gleichen Problem. Keine der oben genannten Antworten funktionierte außer einem Kommentar von einem @Nasreen Ustad. Was Sie also tun müssen, ist:

  1. Gehen Sie zu package.json und ändern Sie "rxjs": "^6.0.0"zu"rxjs": "6.0.0"
  2. Führen Sie npm updatein Ihrem Projekt aus

Keine Notwendigkeit zu ändern Typoskript Version (Mine:. "typescript": "~2.7.2")

Swanand Pangam
quelle
@shubham Eigentlich bin ich jetzt zu Winkel 10 übergegangen. Konnte dies nicht simulieren.
Swanand Pangam
8

Schritt 1: Gehen Sie zu package.jsonund ändern Sie "rxjs": "^6.0.0"zu"rxjs": "6.0.0"

Schritt 2 Führen Sie npm updateIhr Projekt aus.

Uchenna Nwanyanwu
quelle
5

Gehen Sie zum Projektverzeichnis ausführen: npm install [email protected] --save

Makara Set
quelle
4

Package.jsonEntfernen Sie in Ihrer Datei das ^Symbol (Caret) von "rxjs": "^6.0.0"und fügen "rxjs": "6.0.0"Sie es hinzu.

Sagar Jadhav
quelle
1
Dies ist nur eine doppelte Antwort dieser einen IMO. Bevor Sie hier posten, überprüfen Sie die anderen Antworten.
Doppel-Piepton
3

Ändern Sie einfach die TypeScript-Abhängigkeitsversion in ^2.8

Sanju Varghese
quelle
2

Ihre Angular- und / oder RXJS-Version scheint nicht mit TypeScript kompatibel zu sein.

Entfernen Sie das ~Zeichen in der TypeScript-Version und fügen Sie es ^stattdessen hinzu. Installieren Sie dann die Pakete erneut.

Versuchen Sie es mit npm startund ng buildvor ng serve.

Code_maniac
quelle
Starten Sie anschließend Visual Studio neu. Was ist deine TS-Version jetzt?
Code_maniac
das hat mir geholfen. Vielen Dank! (neue Version 2.9.2 funktionierte perfekt)
Bakytn
2

Ihre package.json hat folgende Zeilen:

"rxjs": "^6.0.0",

"typescript": "~2.7.2"

Dies weist npm an, die folgenden Versionen zu installieren

rxjs: Neueste Version in Serie Version 6, die 6.4.0

Typoskript: Neueste gepatchte Version in der Nebenversion 2.7, 2.7.2

Jetzt installiert das RxJS-Modul auch die Typdefinitionsdateien für TypeScript. Die im rxjs-Modul enthaltene Typdefinitionsdatei, die in Ihrem Projekt installiert wurde, ist nicht mit der im selben Projekt installierten Typenskriptversion kompatibel.

Als Lösung in Ihrer package.json-Datei können Sie entweder die Version von Typescript auf 2.8 as erhöhen

typescript: ^2.8.0

oder stoßen Sie die Version von ngrx auf so etwas wie

ngrx: ~6.0.0 und

Führen Sie eine neue npm-Installation durch.

Sie können die Versionsnummer des installierten Moduls überprüfen, indem Sie in folgenden Dateien nachsehen:

node_modules/rxjs/package.json and
node_modules/typescript/package.json 
Praym
quelle
2

Update in package.json rxjs ":" 6.3.3 "

Führen Sie in Terminal 1 das npm-Update aus

Es sollte erfolgreich kompiliert werden

Ramana Yerramsetty
quelle
2

Überprüfen Sie Ihre Typoskriptversion mit dem folgenden Befehl.

~ tsc --version Version 3.3.3

Da dies die neueste Typoskriptversion ist, habe ich die Projektwinkelversion auf 7 aktualisiert, indem ich den folgenden Befehl im Projektstartordner ausgeführt habe. Es hat das Problem gelöst.

~] # ng update @angular/cli @angular/core

Pavan
quelle
1

Ich habe die Version für rxjs und Typoskript geändert. Mein package.jsonhat folgende Einträge:

"typescript": "^2.7.2"
"rxjs": "^6.3.3",

Ich musste auch Angular Cli aktualisieren.

sthayamkery
quelle
0

Ich habe alle anderen Antworten ausprobiert. Aber ich habe ein Problem gefunden. Ich hatte das Fussel-Plugin installiert, wodurch die Datei ohne Speicherplatz beendet werden musste. Ich habe es entfernt und es funktioniert.

Sie können auch den Speicherplatz für diese bestimmte Datei entfernen.

pranav-dev
quelle
0

Diese beiden Änderungen ändern, was Sie wollen:

// in package.json:

"rxjs": "^6.2.2"==> "rxjs": "latest"
"typescript": "2.7.2"==>"typescript": "2.8"

wo ==>bedeutet zu ersetzen

Ali Bahrami
quelle
0

Sie können Ihre npmVersion auf die neueste Version aktualisieren , wenn dies nicht der Fall ist:

npm update -g
Hezy Ziv
quelle
0

Dieser Fehler ist aufgetreten mit: rxjs / store: ^ 6.4.0 Typoskript: ~ 2.7.2 eckig / cli ~ 6.0.0

Alles außer rxjs rxjs / store auf den neuesten Stand gebracht: ^ 6.3.3 Typoskript: ~ 3.1.1 eckig / cli ~ 7.0.3

Grundsätzlich habe ich ein leeres neues Projekt erstellt (ng new newProject) und @ ngrx / store installiert, wodurch v6.3.3 heruntergefahren wurde. Das hat bei mir funktioniert.

Robert Price
quelle
0

Ich musste Angular CLI deinstallieren und neu installieren.

npm uninstall -g @angular/cli angular-cli
npm cache clean
npm install -g @angular/cli@latest
npm install -g @angular/cli@latest
Caleb Gramm
quelle