ts 找不到模块'@angular/platform-browser'；答案

【问题标题】：ts cannot find module '@angular/platform-browser';ts 找不到模块'@angular/platform-browser'；
【发布时间】：2017-07-02 15:57:06
【问题描述】：

文件图片

我遇到了这个错误，我无法弄清楚。我正在尝试导入 angular/core 和 angular/platform-browser 。我在 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"   } }

【问题讨论】：

我认为如果你可以分享你的 package.json 来验证你的导入会很好
@Ricardo 我添加了 package.json 文件
从此链接更新您的 package.json 文件 github.com/angular/quickstart/blob/master/package.json
更新后显示同样的错误

标签： angular typescript npm visual-studio-code

【解决方案1】：

我认为你需要在你的 package.json 中安装和添加 @angular/platform-browser 你可以这样做：

npm install @angular/platform-browser --save

所以，此时 angular2 有一个最终版本，你不需要使用 beta 版本。您将您的项目标记为 ionic2 项目，但他看起来不像普通的 ionic2 应用程序，您的 package.json 中没有任何 ionic/cordova 依赖项

【讨论】：

里卡多，我同意。您需要安装缺少的所有内容： sudo npm i @angular/core@ sudo npm i @angular/compiler@ sudo npm i @angular/platform-browser-dynamic@ ...跨度>
这为我解决了这个问题，瞄准你的项目安装的目录并运行上面的。谢谢你！

【解决方案2】：

遇到了同样的问题，这里有一个可靠的解决方案。

我假设您已经生成了一个 Angular cli 项目，这就是您在开始编码后遇到的问题。

解决方案

所以有时会发生 Angular 无法安装所有必需的依赖项，甚至没有在 npm install 上更新。

步骤

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

这应该适用于几乎所有场景。至少为我工作了几次。

【讨论】：

【解决方案3】：

尝试运行

npm install -g @angular/cli

如果仍然出现错误，请关闭并重新打开您的编辑器，当我复制现有项目的 src 并将其放置在新创建的 cli 项目中时，我在 Visual Studio 中遇到了它（以避免再次制作新组件）

【讨论】：

关闭并重新打开您的编辑器！！！！！！！！！！！！我花了几个小时才找到这个答案。

【解决方案4】：

dependencies 可能不是 installed 正确的，或者您可能需要 re-install 他们。我有一个类似的问题，所有这些答案都很好。

在您的终端中尝试：

npm install --save @angular/platform-browser

npm install --save @angular/core

希望这行得通！

【讨论】：

【解决方案5】：

查看您的 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",

请注意 - 从 angular2 2.0.0-rc.0 版本开始，它们移到了作用域包中，因此您将看到 @angular/<packagename>。在此之前，它是 angular2。参考这个info

最新版本请参考link

【讨论】：

我已经更新了我的依赖，但错误仍然是一样的
更新依赖后，你运行npm install命令了吗？

【解决方案6】：

我通过将更改应用到 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 文件。

【讨论】：

tsconfig 文件有什么变化？哪个设置有问题，或者您添加了哪些设置？另外，您在 package.json 文件中更新了什么？

【解决方案7】：

尝试重新安装@types/node：

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

如果对打字稿没有帮助：

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

【讨论】：

【解决方案8】：

您可以使用 ng update 命令更新您的应用程序及其依赖项，如下所示：

ng update --all=true --force

在这里，flag all 设置为 true 以更新所有依赖项，flag force 用于强制执行此操作，顾名思义。现在这样做之后，您可能会面临一些依赖项的漏洞，这些漏洞可以通过手动安装这些依赖项来修复。

【讨论】：

【解决方案9】：

只需在项目路径中使用以下命令。

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

npm install

它是有效的。

【讨论】：

这完全是题外话