Angular2 QuickStart npm startが正しく機能していません


105

ファイル構造

Angular2ベータ版がリリースされたばかりですが、公式サイトのチュートリアル(https://angular.io/guide/quickstart)の手順を再現できません。たぶん誰かが同様の問題を抱えていて、これを修正するために何をすべきか知っていますか?npm startコマンドでアプリケーションを起動しようとすると、次のような出力が表示されます。

0 info it worked if it ends with ok
1 verbose cli [ 'node', '/usr/local/bin/npm', 'start' ]
2 info using npm@2.7.4
3 info using node@v0.12.2
4 verbose run-script [ 'prestart', 'start', 'poststart' ]
5 info prestart angular2-quickstart@1.0.0
6 info start angular2-quickstart@1.0.0
7 verbose unsafe-perm in lifecycle true
8 info angular2-quickstart@1.0.0 Failed to exec start script
9 verbose stack Error: angular2-quickstart@1.0.0 start: `concurrent "npm run tsc:w" "npm run lite" `
9 verbose stack Exit status 127
9 verbose stack     at EventEmitter.<anonymous> (/usr/local/lib/node_modules/npm/lib/utils/lifecycle.js:213:16)
9 verbose stack     at EventEmitter.emit (events.js:110:17)
9 verbose stack     at ChildProcess.<anonymous> (/usr/local/lib/node_modules/npm/lib/utils/spawn.js:14:12)
9 verbose stack     at ChildProcess.emit (events.js:110:17)
9 verbose stack     at maybeClose (child_process.js:1015:16)
9 verbose stack     at Process.ChildProcess._handle.onexit (child_process.js:1087:5)
10 verbose pkgid angular2-quickstart@1.0.0
11 verbose cwd /Users/tmrovsky/Documents/angular2/angular2-quickstart
12 error Darwin 13.4.0
13 error argv "node" "/usr/local/bin/npm" "start"
14 error node v0.12.2
15 error npm  v2.7.4
16 error code ELIFECYCLE
17 error angular2-quickstart@1.0.0 start: `concurrent "npm run tsc:w" "npm run lite" `
17 error Exit status 127
18 error Failed at the angular2-quickstart@1.0.0 start script 'concurrent "npm run tsc:w" "npm run lite" '.
18 error This is most likely a problem with the angular2-quickstart package,
18 error not with npm itself.
18 error Tell the author that this fails on your system:
18 error     concurrent "npm run tsc:w" "npm run lite"
18 error You can get their info via:
18 error     npm owner ls angular2-quickstart
18 error There is likely additional logging output above.
19 verbose exit [ 1, true ]

私は持っていました:typescript 1.7.5バージョンnode 0.12.2バージョン

多分誰かが問題を解決するのを助けることができます:)?

package.json:

{
  "name": "angular2-quickstart",
  "version": "1.0.0",
  "scripts": {
    "tsc": "tsc",
    "tsc:w": "tsc -w",
    "lite": "lite-server",
    "start": "concurrent \"npm run tsc:w\" \"npm run lite\" "
  },
  "license": "ISC",
  "dependencies": {
    "angular2": "2.0.0-beta.0",
    "systemjs": "0.19.6",
    "es6-promise": "^3.0.2",
    "es6-shim": "^0.33.3",
    "reflect-metadata": "0.1.2",
    "rxjs": "5.0.0-beta.0",
    "zone.js": "0.5.10"
  },
  "devDependencies": {
    "concurrently": "^1.0.0",
    "lite-server": "^1.3.1",
    "typescript": "^1.7.3"
  }
}

index.html:

<html>

<head>
    <title>Angular 2 QuickStart</title>

    <!-- 1. Load libraries -->
    <script src="node_modules/es6-shim/es6-shim.js"></script>
    <script src="node_modules/angular2/bundles/angular2-polyfills.js"></script>
    <script src="node_modules/systemjs/dist/system.src.js"></script>
    <script src="node_modules/rxjs/bundles/Rx.js"></script>
    <script src="node_modules/angular2/bundles/angular2.dev.js"></script>

    <!-- 2. Configure SystemJS -->
    <script>
        System.config({
            packages: {
                app: {
                    format: 'register',
                    defaultExtension: 'js'
                }
            }
        });
        System.import('app/boot')
                .then(null, console.error.bind(console));
    </script>

</head>

<!-- 3. Display the application -->
<body>
<my-app>Loading...</my-app>
</body>

</html>

app.components.ts:

import {Component} from 'angular2/core';

@Component({
    selector: 'my-app',
    template: '<h1>My First Angular 2 App</h1>',
})

export class AppComponent {}

boot.js:

import {bootstrap} from 'angular2/platform/browser'
import  {AppComponent} from './app.component'

bootstrap(AppComponent);

ファイルで投稿を編集していただけませんか?
ロメイン

あなたのフォルダ構造は何ですか?index.htmlはapp/それの内外にありますか?
the_critic

まず、ファイルboot.jsはTypeScriptファイルで、名前をboot.tsに変更する必要があります。他に間違っていると思われるものはありません... the_criticが言ったように、プロジェクトの構造を教えてください。
ロメイン

boot.tsです。私は誤ってstackoverflowでここに「js」と入力しました-すみません。インデックスhtmlは、package.jsonなどのルートにあります。app /ディレクトリにはありません。
Tomasz Ciunel

2
ノードのバージョンがで>=4.2.1 <5あり、npmのバージョンがDEVELOPERガイドで>=2.14.7 <3.0指定されているとおりであることを確認してください。私はそれをノード5で動作させることができると思いますが、私はその方法を知りません。
Eric Martinez

回答:


224

startpackage.json のフィールドを

"start": "tsc && concurrently \"npm run tsc:w\" \"npm run lite\" "

"start": "concurrently \"npm run tsc:w\" \"npm run lite\" "

2
なぜ彼はtscを2回実行したのですか(tsctsc -w)?
smartmouse 2016

9
出来た!しかし、なぜ?ng2で落胆し始めました。
マキシム

9
Pluralsight Ward Bellの「play by play angular 2 quick start」コースでは、これについて説明しています。「tsc」では、コードを最初にコンパイルします。これがないと、大きなプロジェクトでは、コンパイルが終了する前にサーバーが起動する可能性があるためです。その場合、サーバーは何をすべきかわからないことを示すエラーをスローします。
Starceaker 2016

1
2017年、回答の回避策により、アプリのコードのtypescriptにコンパイルエラーがあったという本当の問題が明らかになりました。コンパイルエラーを修正すると、元のバージョンは回避策なしで問題なく動作しました。
CodeMed 2017年

1
すばらしい... "start": "同時に\" npm run tsc:w \ "\" npm run lite \ ""がうまく
いき

86

npm start私のために実行するには、いくつかのdevDependenciesをグローバルにインストールしたことを確認する必要がありました。やってみました:

  • npm install -g concurrently
  • npm install -g lite-server
  • npm install -g typescript

lite-serverオプションだと思いますが、他のサービスも使用できます
Pardeep Jain

11
私のために働いた。sudo npm update -g && sudo npm install -g concurrently lite-server typescript
Sam Finnigan、2015

6
ローカルバージョンをアンインストールすることを忘れないでください:npm uninstall lite-server
オーレリアン

1
Udemyコースのangular2-seedを使用してWebサーバーを起動すると、同じ問題が発生しました。これで問題が解決しました。
dance2die

はい!lite-serverをグローバルにインストールし、ローカルパッケージをアンインストールすると、Vagrantでようやくうまくいきました。本当にありがとう!
Yahya Uddin 2016年

48

まず、npm、lite-server、typescriptを更新する必要があります。

sudo npm update -g && sudo npm install -g concurrently lite-server typescript

Angularプロジェクトディレクトリ(存在する場合)からnode_modulesフォルダーを削除します。次の実行:

npm install

その後、ENOSPCエラーを解決します。

echo fs.inotify.max_user_watches=524288 | sudo tee -a /etc/sysctl.conf && sudo sysctl -p

最後に:

npm start

これは私のpackage.jsonファイルです:

{
  "name": "reservationsystem",
  "version": "0.0.1",
  "scripts": {
    "tsc": "tsc",
    "tsc:w": "tsc -w",
    "lite": "lite-server",
    "start": "concurrent \"npm run tsc:w\" \"npm run lite\" "
  },
  "dependencies": {
    "a2-in-memory-web-api": "~0.1.0",
    "angular2": "2.0.0-beta.3",
    "es6-promise": "^3.0.2",
    "es6-shim": "^0.33.3",
    "reflect-metadata": "0.1.2",
    "rxjs": "5.0.0-beta.0",
    "systemjs": "0.19.17",
    "zone.js": "0.5.11"
  },
  "devDependencies": {
    "concurrently": "^1.0.0",
    "lite-server": "^2.0.1",
    "typescript": "^1.7.5"
  }
}


3
これで問題が解決したので賛成しました。しかし、私はfs.inotify.max_user_watchesを/ etc / sysctlに追加してそれを修正する方法を理解したいと思います。
ジョシュアウィルソン

ウォッチャーはより多くのメモリを必要とするようで、これによりそれが提供されます。
ジョシュアウィルソン

最初にモジュールを削除すると、うまく機能するように見えました- rm -r node_modules/。とにかく男が言うように、それは私を動かしました。でも、私にfs.inotify.max_user_watches=524288は過度に思えるのですが。あり正気を改善風に?
意志

Javascriptクイックスタートが箱から出してすぐに起動することを追加する価値があります。大きなエキストラはありません。そして、サーバーがウェブページを停止したときstays on screen。typescriptですバージョンはちょうど404で消失煙のパフ
意志

これは私を救った、ありがとう。echo fs.inotify.max_user_watches = 524288 | sudo tee -a /etc/sysctl.conf && sudo sysctl -p
chintan adatiya

15

Windows 10でも同じエラーが発生しました。npmパッケージの同時実行に問題があるようです。このエラーを解決する2つのオプションが見つかりました:

  • 1. 2つの別々のコマンドで両方のコマンドを実行します。

    • 最初の実行で: npm run tsc:w
    • 2番目のもの: npm run lite
  • 2.変更 package.json

    • 開始オプションを次のように変更するだけです。 "start": "tsc && npm run tsc:w | npm run lite",

2
注意してください。Linuxの場合:"start": "tsc && npm run tsc:w & npm run lite",
ACV

まあ、私にとっては自動再コンパイルです。
dontHaveName 2016

私は私の最初のコメントに言及していました:) Linuxでは動作しません
ACV

このソリューションだけが私にとってうまくいきました。最初に試しました(2つの別々のコマンドで両方のコマンドを実行します)。次に、両方のコマンドでプロセスを停止しました。最後に2番目を適用し(package.jsonを変更)、1つのコマンドだけで「npm start」を実行します。1つのファイルを変更すると、自動的にlocalhost:3000が更新され、変更が表示されます。どうもありがとう!
Andrew F.

13

これらのさまざまな解決策を何時間も試した後、今日私が問題を解決した方法を次に示します-(まだ別の方法を探している人のために)。

クイックスタートディレクトリでcmdの2つのインスタンスを開きます。

ウィンドウ#1:

npm run build:watch

その後...

ウィンドウ#2:

npm run serve

ブラウザーで開き、期待どおりに動作します


9

angular2-quickstartフォルダー(node_modulesを含む)をコピーしてangular2-tour-of-heroesフォルダーを作成した後、同様の問題が発生しました。オリジナルは問題なくコンパイルされていたが、コピーはそうではなかったので、これは奇妙でした...

npm run tsc

node_modulesフォルダーを削除してnpm installを再実行することで問題を解決できました。

これは私にとって驚きだったので、2つのフォルダを比較しました...

diff -rw angular2-quickstart/node_modules/ angular2-tour-of-heroes/node_modules/

多くの違いがあり、package.jsonファイルには次のような多くの「where」差分があります:

diff -rw angular2-quickstart/node_modules/yargs/package.json angular2-tour-of-heroes/node_modules/yargs/package.json
5c5
<       "/Users/michael/Tutorials/angular2/angular2-quickstart/node_modules/lite-server"
---
>       "/Users/michael/Tutorials/angular2/angular2-tour-of-heroes/node_modules/lite-server"

...これは理にかなっていますが、次のようなものもありました:-

diff -rw angular2-quickstart/node_modules/utf-8-validate/build/gyp-mac-tool angular2-tour-of-heroes/node_modules/utf-8-validate/build/gyp-mac-tool
607c607,608
<       return {k: self._ExpandVariables(data[k], substitutions) for k in data}
---
>       return dict((k, self._ExpandVariables(data[k],
>                                             substitutions)) for k in data)

...全然分かりません。

まあ、これが役に立てば幸い。


5

package.jsonの開始フィールドを次のように変更します。

"start": "tsc && concurrently \"npm run tsc:w\" \"npm run lite\" "

に:

"start": "concurrently \"npm run tsc:w\" \"npm run lite\" "

それは本当に役に立ちました。


5

この回答は、ジムクーパーによる優れたPluralsightコース「Angular 2 Fundamentals」に関連しています。

私のように、Windows 10マシンでnpm startコマンドの実行を開始できない場合は、次のことをお勧めします。

管理者としてgit bashを起動します(ビデオの手順に従います)プロジェクトディレクトリ(ng2-fundamentals)に移動し、次のコマンドを入力します。

npm config get registry

npm cache clean

npm install

インストールが完了したら、node_modulesフォルダー内のspawn-default-shellモジュールにあるget-shell.jsファイルを次のように変更する必要があります。

以下を変更します。

const DETECT_SH_REGEX = /sh$/;

これに:

const DETECT_SH_REGEX = /sh/;

sh文字列の末尾から削除された$に注意してください(githubにソリューションを投稿したこの修正alfian777の元の作成者へのクレジット)

ファイルを保存してgit bashコンソールに移動し、npm startと入力します

エラーは表示されなくなり、localhostページがデフォルトのブラウザで起動します(または、ブラウザを開いてhttp:// localhost:8808 /に移動します)。


3

これらの回答はどれもUbuntuに役立ちませんでした。最後に、John Papa(lite-serverの作者)からの解決策を見つけました。

Ubuntu 15.10では、ターミナルでこれを実行した後、Angular 2クイックスタートに命が吹き込まれました。

echo fs.inotify.max_user_watches = 524288 | sudo tee -a /etc/sysctl.conf && sudo sysctl -p

どうやらそれは利用可能なファイルウォッチの数を増やします。

回答ソース:https : //github.com/johnpapa/lite-server/issues/9


3

これと同じ問題が発生しました。ただし、上記の回答はどれも適切な解決策ではありませんでした。それは、私の開発環境のせいではなく、あらゆるバージョンのものが原因であることがわかりました。

Visual Studio Codeを使用したので、TypeScriptをウォッチャーとしてコンパイルするようにVSCでビルドタスクを設定しました。これが問題でした。VSCはすでにTSCのNPMタスクを開始しているため、チュートリアルの「開始」スクリプトを実行すると、VSCがまだ実行中であるという問題がありましたtsc -w

VSCでタスクを停止し、「開始」スクリプトを再実行したところ、問題なく動作しました。

解決策A:停止してnpmを開始する

  • VSCコマンド>タスク:実行中のタスクを終了します
  • ターミナル$ npm start

その後、すべてを連携させるために、サーバーを起動するだけで実際にはTSCを起動しないように起動スクリプトを変更します。

解決策B:npm起動スクリプトを変更する

  • 交換する

    "start": "concurrent \"npm run tsc:w\" \"npm run lite\" "

  • "start": "npm run lite"

解決策C:ライトサーバーコマンドを実行する

`npm run lite`


2

この回答はWindows 10ユーザーのみを対象としています。以下に示すように、問題が発生しているのはこれらのユーザーのみです。

何が起こっているかを確認するには、PowerShellでコマンドを実行すると、実際の問題が何であるかがわかります。

PS C:\Users\Laurent-Philippe> tsc && concurrently "tsc -w" "lite-server"
At line:1 char:5
+ tsc && concurrently "tsc -w" "lite-server"
+     ~~
The token '&&' is not a valid statement separator in this version.
    + CategoryInfo          : ParserError: (:) [], ParentContainsErrorRecordException
    + FullyQualifiedErrorId : InvalidEndOfLine

基本的に、メッセージはトークン「&&」がWindows 10ではまだ有効ではないことを説明しています。不思議なことに、&&を&に置き換えた同じコマンドは、アンパサンド演算子が将来の使用のために予約されていることを通知しました:

 (&) character is not allowed. The & operator is reserved for future use; wrap an ampersand in double quotation marks ("&") to pass it as part of a string.

結論

  • このコマンドをPowerShellから手動で起動する場合は、代わりに次のコマンドを使用できます。

    tsc "&"同時に "tsc -w" "lite-server"

  • npm startでアプリケーションを起動する場合は、package.jsonの開始行を次のように置き換えます。

    "開始": "tsc&同時に\" tsc -w \ "\" lite-server \ ""

  • または、アンパサンドを使用していないため、user60108の回答も機能します。

    "start": "同時に\" npm run tsc:w \ "\" npm run lite \ ""


1

NPMのバージョンが古い可能性があります。最近、開発中のマシンでこれを実行しました。次のように入力します。

npm -v

現在の安定したバージョンよりも小さい場合、ここからhttps.nodejs.org/en/からNode.jsインストールを更新できます :)


1

これでうまくいきました /// <reference path="../node_modules/angular2/typings/browser.d.ts" />を動かして、ブートストラップファイルの一番上にました。

例えば:-

ではboot.ts

/// <reference path="../node_modules/angular2/typings/browser.d.ts" />
import {bootstrap} from 'angular2/platform/browser'
import  {AppComponent} from './app.component'

bootstrap(AppComponent);

注:-正しい参照パスについて言及していることを確認してください。


1
  1. devDependenciesでは、typescriptは1.7.3ですが、1.7.5の一般的な修正を行っています。
  2. でjsファイルを正しい順序でインポートしますindex.html。詳細については、このリポジトリhttps://github.com/pkozlowski-opensource/ng2-play/blob/master/index.htmlを 参照するか、ここにある私のリポジトリを参照してください

    https://github.com/MrPardeep/Angular2-DatePicker

index.html

<script src="node_modules/angular2/bundles/angular2-polyfills.js"></script>
    <script src="node_modules/es6-shim/es6-shim.min.js"></script>
    <script src="node_modules/systemjs/dist/system.src.js"></script>

    <script>
        System.config({
                    defaultJSExtensions: true,
                    map: {
                        rxjs: 'node_modules/rxjs'
                    },
                    packages: {
                        rxjs: {
                        defaultExtension: 'js'
                      }
                    }
                });
    </script>
    <script src="node_modules/angular2/bundles/angular2.dev.js"></script>
    <script src="node_modules/rxjs/bundles/Rx.js"></script>
    <script src="node_modules/angular2/bundles/router.dev.js"></script>
    <script src="node_modules/angular2/bundles/http.dev.js"></script>

<script>
    System.import('dist/bootstrap');
</script> 

あなたのリプレイに感謝しますが、それは私の問題を解決しません:)
Tomasz Ciunel

@Ericが言ったように、ノードのバージョンを確認してください。4* 5からnpmのバージョンは2 * 3の間である必要があります。または、プロジェクト構造を投稿してください。問題を見つけるのに役立ちます。
Pardeep Jain

ありがとうございました!これでうまくいきました。特に、このリンク:github.com/pkozlowski-opensource/ng2-play/blob/master/...
ブランド

ようこそ:)このリンクは、angular2 beta0.0での起動に非常に役立ちます。
Pardeep Jain

0

問題なくステップを再現できます。

してみてください:

(1)この行をindex.htmlから削除します

<script src="node_modules/es6-shim/es6-shim.js"></script>

(2)ファイルの変更:app.components.tsテンプレートフィールドの行末にある「、」を削除

@Component({
    selector: 'my-app',
    template: '<h1>My First Angular 2 App</h1>'
})

これが私の環境です:

$ node -v
v5.2.0

$ npm -v
3.3.12

$ tsc -v
message TS6029: Version 1.7.5

私の仕事については、このリポジトリを参照してください:https : //github.com/AlanJui/ng2-quick-start


,テンプレートの最後に使用した場合、問題は発生しませんでした。なしでプロジェクトを実行するにはes6-shim
Pardeep Jain


0

パッケージをグローバルにインストールすることはそれを行う1つの方法ですが、これにより、パッケージが使用されているすべてのプロジェクトで同じバージョンを使用することが制限されます。

代わりに、npmスクリプトの前にを付けることができます./node_modules/.bin。あなたの場合、package.jsonこれは次のようになります:

{
  "name": "reservationsystem",
  "version": "0.0.1",
  "scripts": {
    "tsc": "./node_modules/.bin/tsc",
    "tsc:w": "npm run tsc -w",
    "lite": "./node_modules/.bin/lite-server",
    "start": "./node_modules/.bin/concurrent \"npm run tsc:w\" \"npm run lite\" "
  },
  "dependencies": {
    "a2-in-memory-web-api": "~0.1.0",
    "angular2": "2.0.0-beta.3",
    "es6-promise": "^3.0.2",
    "es6-shim": "^0.33.3",
    "reflect-metadata": "0.1.2",
    "rxjs": "5.0.0-beta.0",
    "systemjs": "0.19.17",
    "zone.js": "0.5.11"
  },
  "devDependencies": {
    "concurrently": "^1.0.0",
    "lite-server": "^2.0.1",
    "typescript": "^1.7.5"
  }
}

npmは./node_modules/.bin、デフォルトでそのディレクトリにある各「スクリプト」コマンドの前にin を提供することになっていると思いますpackage.json。その機能がnpmのすべてのリリースにあるかどうか、または指定する必要がある構成設定があるかどうかはわかりません。調べる価値があります!


0

私は同じ問題を抱えていました、私たちは両方ともここにコンポーネントの「s」を含めるのを忘れていました:

import  {AppComponent} from './app.component'

する必要があります:

boot.js:

import {bootstrap} from 'angular2/platform/browser'
import  {AppComponent} from './app.components'

bootstrap(AppComponent);

これは当てはまりません。例に従って、app.componentに 's'があってはなりません
Brad Woods

0

OS X(homebrewでインストールされたノードv6.2.0およびnpm v3.9.3)でも同じエラーが発生しましたが、上記のいずれでも解決されませんでした。同時に実行されるコマンドにフルパスを追加する必要がありました。

package.jsonで、私はこれを変更しました:

"start": "tsc && concurrently \"npm run tsc:w\" \"npm run lite\" ",

これに:

"start": "tsc && concurrently \"/Users/kyen/.node/bin/npm run tsc:w\" \"/Users/kyen/.node/bin/npm run lite\" ",

もちろん、ノードのグローバルバイナリが保存されている場所に基づいて正しいパスを更新する必要があります。最初のtscコマンドにパスを追加する必要がないことに注意してください。指定されたフルパスが同時に必要なだけのようです。


0

同じエラーに遭遇しました。そしてたくさん検索した後、私はようやくこれを見つけました:Angular2アプリケーションのインストールとpackage.jsonを介した実行。次に、交換してみました

"scripts": { "start": "tsc && concurrently \"npm run tsc:w\" \"npm run lite\" ", "lite": "lite-server", "postinstall": "typings install", "tsc": "tsc", "tsc:w": "tsc -w", "typings": "typings" },

"scripts": { "start": "concurrently \"npm run tsc:w\" \"npm run lite\" ", "lite": "lite-server", "postinstall": "typings install", "tsc": "tsc", "tsc:w": "tsc -w", "typings": "typings" },

同じエラーが発生する人に役立つことを願っています。

PS:私のエラーはTomaszと同じではありません。つまり、私のnpmバージョンは3.7.3で、ノードバージョンは5.9.1です。


0

既存のノードパッケージをすべてアンインストールします。ノードとnpmを更新します。ドキュメントでは少なくともノードv5.xxとnpm 3.xxとして指定されているため、エラーが発生します。

してくださいnpm clean。次にnpm installnpm start

これで問題は解決しました。


これは真実ではありません、ドキュメントは少なくともノードv4.xxangular.io/docs/ts/latest/…を統計します
Brad Woods

0

Ubuntu 16.xユーザーの場合、最新バージョン5.xをインストールすると、ubuntuの問題が解決します

curl -sL https://deb.nodesource.com/setup_5.x | sudo -E bash -
sudo apt-get install -y nodejs

0

どうやら、angular2-quickstartが開始に失敗する可能性のある方法は複数あります。Windows 7のノード6.6.0 / npm 3.10.3の新規インストールでAngular2バージョン2.0.0を実行すると、同じ問題が発生しました。私の場合、実行すると大量npm startのtypescriptエラーがダンプされました。

c:\git\angular2-quickstart>npm start

> angular2-quickstart@1.0.0 start c:\git\angular2-quickstart
> tsc && concurrently "npm run tsc:w" "npm run lite"

node_modules/@angular/common/src/directives/ng_class.d.ts(46,34): error TS2304: Cannot find name 'Set'.
node_modules/@angular/common/src/pipes/async_pipe.d.ts(39,38): error TS2304: Cannot find name 'Promise'.
(...)

この問題は、角度のクイックスタートの問題#63、「タイピング」が正しくインストールされていないで説明されています。そのチケットは修正を与えます

$ ./node_modules/.bin/typings install

それは私のために働いた。(これを行う「正しい」方法はまだわかりません。)


0

名前が正しいことを確認してcomponentboot.jsをに変更してくださいcomponentsここに画像の説明を入力してください



0

package.jsonファイルで、があった行を削除しました"prestart": "npm run build"。これはブロッキングコマンドのようであり、(npm)開始の前に発生するため、他の開始コマンドが妨げられます。


0

angular.jsonのstartを"start": "ng serve --host 0.0.0.0"orまたはrunに変更します"start": "lite-server"。angular/ cliが適切にインストールされているかどうかも確認してください。


0

私はまでの手順をたどったクイックスタートチュートリアルnpm startです。次に、このエラーが発生しました。次に、そのnode_modules下のフォルダを削除して、もう一度angular-quickstart実行npm installしました。今では動作します。


0

プロキシを使用している場合、このエラーが発生する可能性があります。

  1. npm config set proxy http://username:pass@proxy:port

  2. npm config set https-proxy http://username:pass@proxy:port

  3. 以下.typingsrcを含む、アプリケーションフォルダにという名前のファイルを作成します。

    • プロキシ=(ステップ1の値)
    • https-proxy =(ステップ1の値)
  4. 走る npm cache clean

  5. 走る npm install
  6. 走る npm typings install
  7. 走る npm start

それはそれでうまくいく


いいえ、まだ取得しています:エラーTS5023:不明なコンパイラオプション 'moduleResolution'。
ChristofKälin2016年
弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.