web-dev-qa-db-ja.com

tsはモジュール '@ angular / platform-b​​rowser'を見つけることができません。

ファイルの画像

**app.module.ts file**

**app.component file**

私はこのエラーが発生しており、それを把握することができません。angular/coreandangular/platform-b​​rowser。 stackoverflowで多くのリンクをたどりましたが、助けてくれませんでした。

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

{   "name": "angular-2",   "version": "1.0.0",   "scripts": {
    "start": "concurrently \"npm run tsc:w\" \"npm run lite\" ",
    "tsc": "tsc",
    "tsc:w": "tsc -w",
    "lite": "lite-server",
    "typings": "typings",
    "postinstall": "typings install"   },   "license": "ISC",   "dependencies": {
    "angular2": "2.0.0-beta.13",
    "systemjs": "0.19.25",
    "es6-shim": "^0.35.0",
    "reflect-metadata": "0.1.2",
    "rxjs": "5.0.0-beta.2",
    "@angular/router":  "3.0.0-alpha.7",
    "zone.js": "0.6.6"
       },   "devDependencies": {
    "concurrently": "^2.0.0",
    "lite-server": "^2.1.0",
    "TypeScript": "^1.8.9",
    "typings":"^0.7.11"   } }
angulartypescriptnpmvisual-studio-code
11
Shehram Tahir

Package.jsonに@ angular/platform-b​​rowserをインストールして追加する必要があると思います。

npm install @angular/platform-browser --save

したがって、現時点では、angular2には最終バージョンがあり、ベータ版を使用する必要はありません。プロジェクトをionic2プロジェクトのようにタグ付けしましたが、通常のionic2アプリのようには見えません。package.jsonにionic/cordovaの依存関係はありません。

8
Ricardo

@ types/nodeを再インストールしてみてください。

npm uninstall --save-dev @types/node
npm install --save-dev @types/node

TypeScriptで同じことを試しても助けにならない場合：

npm uninstall --save-dev TypeScript
npm install --save-dev TypeScript
1
Yekke

同じ問題を経験しましたが、これに対する解決策が1つあります。

angular cliプロジェクトを生成したと仮定します。これは、コーディングを開始したときに遭遇したものです。

溶液

そのため、時々起こるのはangular必要なすべての依存関係のインストールに失敗し、npmのインストール時にも更新されません。

手順

1. Delete existing folders @angular & @angular-devkit inside node_modules folder
2. perform npm install, or yarn

そして、これはほとんどすべてのシナリオで機能するはずです。少なくとも数回は私のために働いた。

1
Zest

依存関係が正しくインストールされていないか、再インストールする必要がある可能性があります。私は同様の問題を抱えており、これらの答えはすべて良いです。

ターミナルで試してください：npm install --save @ angular/platform-b​​rowser and：npm install --save @ angular/core

これがうまくいくことを願っています！

0
Jordan

tsconfig fileに変更を適用することで答えを見つけました

 {
  "compilerOptions": {
    "target": "es5",
    "module": "system",
    "moduleResolution": "node",
    "sourceMap": true,
    "emitDecoratorMetadata": true,
    "experimentalDecorators": true,
    "removeComments": false,
    "noImplicitAny": false
  },
  "exclude": [
    "node_modules",
    "typings/main",
    "typings/main.d.ts"
  ]
}

また、package.json fileも更新しました。

0
Shehram Tahir

Package.jsonを見ると、angular2の古いバージョンを使用しています

"angular2": "2.0.0-beta.13"

Package.jsonで以下の依存関係を使用する必要があります

  "dependencies": {
    "@angular/common": "~2.4.0",
    "@angular/compiler": "~2.4.0",
    "@angular/core": "~2.4.0",
    "@angular/forms": "~2.4.0",
    "@angular/http": "~2.4.0",
    "@angular/platform-browser": "~2.4.0",
    "@angular/platform-browser-dynamic": "~2.4.0",
    "@angular/router": "~3.4.0",

注意してください-angle2 2.0.0-rc.0バージョンから、スコープパッケージに移動したため、@angular/<packagename>。この前は、角張っていました2。これを参照してください info

最新バージョンについては、こちらを参照してください link

0
Sanket

実行してみてください

npm install -g @ angular/cli

それでもエラーが発生する場合は、エディターを閉じて再度開きます。既存のプロジェクトのsrcをコピーして新しく作成したcliプロジェクトに配置したときに、Visual Studioで直面しました（新しいコンポーネントの再作成を避けるため）

0
T. Shashwat