ts не может найти модуль '@angular/platform-browser';

Изображения файлов

**app.module.ts file**

**app.component file**

У меня есть эта ошибка, и я не могу понять это. Я пытаюсь импортировать угловой/основной и угловой/платформенный браузер. Я следил за многими ссылками на 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"   } }

Ответы

Ответ 1

Я думаю, вам нужно установить и добавить @angular/platform-browser в свой пакет.json, вы можете это сделать:

npm install @angular/platform-browser --save

Итак, в данный момент у angular2 есть финальная версия, вам не нужно использовать бета-версию. Вы отметили свой проект как проект ionic2, но он не выглядит как обычное приложение ionic2, у вас нет ионной/кордовой зависимости в вашем пакете. Json

Ответ 2

Попробуйте переустановить @types/node:

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

Если это не поможет попробовать с машинописным текстом:

npm uninstall --save-dev typescript
npm install --save-dev typescript

Ответ 3

Прошел ту же проблему, и вот одно твердое решение этого.

Я предполагаю, что вы сгенерировали проект angular cli, и это то, с чем вы столкнулись, когда начали кодировать.

Решение

Поэтому иногда Angular не может установить все необходимые зависимости и даже не обновляется при установке npm.

шаги

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

И это должно работать почти во всех сценариях. По крайней мере, работал на меня пару раз.

Ответ 4

Глядя на ваш package.json, вы используете более старую версию angular2

"angular2": "2.0.0-beta.13"

Вы должны использовать ниже dependecies в своем 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",

Обратите внимание: из версии angular2 2.0.0-rc.0 они переместились в пакеты с областью действия, поэтому вы увидите @angular/<packagename>. До этого он был угловым. Отправить эту информацию

Для последних версий ссылка на эту ссылку

Ответ 5

Я понял ответ, применив изменения в файле 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"
  ]
}

и я также обновил файл package.json.

Ответ 6

Попробуйте запустить

npm install -g @угловой /cli

если вы все еще получаете ошибки, тогда закройте и снова откройте свой редактор, я столкнулся с ним в своей Visual Studio, когда я скопировал src моего существующего проекта и поместил его во вновь созданный проект cli (чтобы не создавать новые компоненты снова)

Ответ 7

Возможно, что зависимости просто не были установлены правильно, или, возможно, вам нужно переустановить их. У меня была похожая проблема, и все эти ответы хорошие.

попробуйте в своем терминале: npm install --save @angular/platform-browser и: npm install --save @angular/core

надеюсь, что это работает!

Ответ 8

Вы можете обновить свое приложение и его зависимости с помощью команды ng update, например:

ng update --all=true --force

здесь flag all установлен в true, чтобы обновить все зависимости, и принудительное использование флага используется для принудительного выполнения этого, как следует из названия. Теперь после этого вы можете столкнуться с некоторыми уязвимостями для нескольких зависимостей, которые можно исправить, установив эти зависимости вручную.

Ответ 9

Просто используйте команду bellow на пути к проекту.

E:\Ratna\Angular\Project1\Demo>npm install

npm install 

это работы.