web-dev-qa-db-fra.com

ts ne trouve pas le module '@ angular/platform-browser';

Images de fichiers

 **app.module.ts file**

 **app.component file**

Je rencontre cette erreur et je ne parviens pas à comprendre cela. J'essaie d'importer angular/core et angular/platform-browser. J'ai suivi de nombreux liens sur stackoverflow mais aucun d'entre eux ne m'a aidé.

c'est mon fichier 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
7
Shehram Tahir

Je pense que vous devez installer et ajouter @ angular/platform-browser dans votre package.json, vous pouvez le faire:

npm install @angular/platform-browser --save

Donc, pour le moment, angular2 a une version finale, vous n'avez pas besoin d'utiliser une version beta. Vous avez étiqueté votre projet comme un projet ionic2, mais il n'a pas été vu comme une application ionique normale Normal, vous n'avez aucune dépendance ionic/cordova dans votre package.json

6
Ricardo

j'ai compris la réponse en appliquant des modifications au fichier tsconfig 

 {
  "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"
  ]
}

et j'ai également mis à jour le fichier package.json .

2
Shehram Tahir

Passé par le même problème, et voici une solution ferme à cela.

Je suppose que vous avez généré un projet CLI angulaire et c’est ce que vous avez rencontré une fois que vous avez commencé à coder.

Solution

Ainsi, angular ne parvient parfois pas à installer toutes les dépendances requises et ne se met même pas à jour lors de l'installation de npm.

Pas

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

Et cela devrait fonctionner pour presque tous les scénarios. Au moins a travaillé pour moi plusieurs fois.

1
Zest

En regardant votre package.json, vous utilisez une version plus ancienne de angular2

"angular2": "2.0.0-beta.13"

Vous devez utiliser ci-dessous des dépendances dans votre 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",

Remarque: à partir de la version angular2 2.0.0-rc.0, ils ont été déplacés dans des packages étendus. Vous verrez donc @angular/<packagename>. Avant cela, c'était angular2. Référez-vous info

Pour les dernières versions, reportez-vous à ce lien link

0
Sanket

Essayez de réinstaller @ types/node:

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

Si cela ne vous aide pas, essayez la même chose avec TypeScript:

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

Essayez de courir

npm install -g @ angular/cli

si vous avez toujours des erreurs, fermez et rouvrez votre éditeur. Je l'ai fait face dans Visual Studio lorsque j'ai copié src de mon projet existant et que je l'ai placé dans un nouveau projet cli (pour éviter de créer de nouveaux composants)

0
T. Shashwat