AngularJS 2.0 TypeScript Intellij Idee (oder Webstorm) - ES6-Import-Syntax

Versuchen, diese Schritte zu machen, um AngularJS 2.0 sample App läuft zu machen.AngularJS 2.0 TypeScript Intellij Idee (oder Webstorm) - ES6-Import-Syntax

Auf diesem Schritt setzt Code in app.ts:

/// <reference path="typings/angular2/angular2.d.ts" /> 
import {Component, View, bootstrap} from 'angular2/angular2';

Got neuesten 14.1.3 IntelliJ IDE.

aber scheint es nicht verstehen 'import' (Hervorhebung beschweren)

Q: ist, dass, weil es noch nicht Typoskript 1.5 unterstützt? (Es ist die IDE-Einstellungen, die ich eingebettete Version 1.4 sehen kann). Könnte es mit dieser IDE kompiliert werden?

Quelle

2015-05-13 ses

Es gibt eine Option in IntelliJ, wo Sie eine benutzerdefinierte Typoskript-Version definieren können. Standard ist 1.4, aber Sie können 1.5 Beta herunterladen und zuweisen. Das einzige Problem mit dem Beispiel, das ich gesehen habe, ist die Aktivierung von 1.5 new argument, um Dekorator-Metadaten zu generieren. IntelliJ meldet immer, dass der TS-Prozess gestoppt wurde.

Quelle

2015-05-14 13:54:20

Es sieht so aus, als hätten Sie die Compiler-Argumente nicht angegeben, um zu ermitteln, welcher Modullader verwendet werden soll. Außerdem möchten Sie sicherstellen, dass Sie den neuesten TypeScript-Compiler verwenden.

Erste

Sie den Behälter des Typoskript Compiler herunterladen tsc und alle anderen zugehörigen Dateien auf ihrem GitHub Repository: https://github.com/Microsoft/TypeScript/tree/master/bin

oder Sie können es auch als Node.js installieren Paket:

npm install -g typescript

Zweite

Sie müssen IntelliJ richtig konfigurieren, indem Sie die Compiler-Version benutzerdefinierte und verweisen auf die Lage des neuesten Typoskript Binärordner

in IntelliJ drücken Strg + Alt + S zu ändern, suchen Sie nach Typoskript und unter Sprachen & Frameworks Wählen Sie TypeScript, stellen Sie jedoch sicher, dass Ihr IntelliJ auf dem neuesten Stand ist.

Und das Problem, das Sie fragen hier geben Sie die folgenden Befehlszeilenoptionen zu lösen:

--module "amd" --target "es5"

Screenshot:

enter image description here

Dritte

Es ist erwähnenswert, dass Der TypeScript 1.5-Compiler und Angular 2 sind beide in Beta, also diese Antwort könnte in den folgenden Wochen oder Monaten irrelevant sein.

Viel Spaß!

Dany

Quelle

2015-06-04 23:29:55

unter Windows, wenn Sie Typoskript von NPM zum Beispiel herunterladen 'https: // www .npmjs.com/package/typescript' .. Sie sollten Ihre Compiler-Version auf 'C: \ Users \ yourUserName \ AppData \ Roaming \ npm \ node_modules \ typescript \ bin' verweisen. Dies ist der Standard-Installationsort. –

Für mich (MacOS X) Typescript Compiler-Speicherort benötigt diesen Speicherort: '/ usr/local/lib/node_modules/typescript/lib' Beachten Sie, es ist' lib' und nicht 'bin'. Ich installierte mit 'npm install -g Typoskript' wie in diesem Beitrag angegeben. Dieser Link kann hilfreich sein https://www.jetbrains.com/webstorm/help/typescript.html – Maxence

Ubuntu war auch '/ usr/local/lib/node_modules_typescript/lib /'. Ich wünschte, ich hätte Kommentare überprüft, bevor ich 15 Minuten lang nach der Antwort gegoogelt hätte. – BenR

Sie brauchen Javascript-Version auf der Seite Einstellungen auswählen.

Sprachen & Frameworks -> JavaScript

auf der rechten Seite. Dropdown-Menü für die JavaScript-Sprachversion auf meiner Idee ist es ein Element unten.

JavaScript 1.5 ECMAScript 5.1 JavaScript 1.6 JavaScript 1.7 JavaScript 1.8 JavaScript 1.8.6 ECMAScript 6 ...

Quelle

2015-06-10 12:07:26

AngularJS 2.0 TypeScript Intellij Idee (oder Webstorm) - ES6-Import-Syntax

Antwort

Verwandte Themen