Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/wcf/4.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Angular ts找不到模块'@角度/平台浏览器';;_Angular_Typescript_Npm_Visual Studio Code - Fatal编程技术网

Angular ts找不到模块'@角度/平台浏览器';;

Angular ts找不到模块'@角度/平台浏览器';;,angular,typescript,npm,visual-studio-code,Angular,Typescript,Npm,Visual Studio Code,文件的图像 我有这个错误,我无法找出原因。我正在尝试导入angular/core和angular/platform浏览器。我关注了stackoverflow上的许多链接,但都没有帮助我 这是我的package.json文件 { "name": "angular-2", "version": "1.0.0", "scripts": { "start": "concurrently \"npm run tsc:w\" \"npm run lite\" ", "tsc"

文件的图像

我有这个错误,我无法找出原因。我正在尝试导入angular/coreangular/platform浏览器。我关注了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"   } }
 {
  "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中安装并添加@angular/platform browser。您可以这样做:

npm install @angular/platform-browser --save
所以,现在angular2有了最终版本,youi不需要使用测试版。你把你的项目标记为一个ionic2项目,但他看不到一个
正常的ionic2应用程序,您的软件包中没有任何ionic/cordova依赖性。json查看您的软件包。json,您使用的是angular2的旧版本

"angular2": "2.0.0-beta.13"
  "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",
您需要在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/
。在此之前,它是angular2。参考此


有关最新版本,请参阅此

我通过将更改应用到tsconfig文件

{   "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"   } }
 {
  "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文件

尝试重新安装@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

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

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

npm install 
它可以工作。

试着运行

npm安装-g@angular/cli


如果仍然出现错误,请关闭并重新打开编辑器。我在Visual Studio中复制了现有项目的src并将其放置在新创建的cli项目中时遇到了这个问题(以避免再次生成新组件)

也遇到了同样的问题,这里有一个解决方案

我假设您已经生成了angular cli项目,这就是您在开始编写代码后遇到的情况

解决方案 因此,有时angular无法安装所有必需的依赖项,甚至无法在npm安装时更新

台阶


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

有可能是
依赖项没有
安装
对,或者您需要
重新安装它们。我有一个类似的问题,所有这些答案都很好

在您的终端中尝试:

npm install --save @angular/platform-browser

npm install --save @angular/core

希望这能奏效

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

ng update --all=true --force

这里,,flag all设置为true以更新所有依赖项,flag force用于按照名称强制执行此操作。执行此操作后,您可能会遇到一些依赖项的漏洞,可以通过手动安装这些依赖项来修复这些漏洞。

我认为,为了验证,如果您可以共享软件包,您的导入将是良好的。json@Ricardo我有添加了package.json文件更新后,从该链接更新您的package.json文件会显示相同的错误。我已更新了依赖项,但错误仍然相同。更新依赖项后,是否运行了
npm install
命令?对tsconfig文件有何更改?哪个设置是问题所在,或者您添加了哪些设置?另外,你在package.json文件中更新了什么?Ricardo,我同意。您需要安装缺少的所有内容:sudo npm i@angular/core@sudo npm i@angular/compiler@sudo npm i@angular/platform browser dynamic@…这为我解决了这个问题,请瞄准您的项目安装所在的目录并运行上述操作。谢谢你!这是完全脱离主题关闭并重新打开您的编辑器!!!!!!!!!!我花了几个小时才找到答案。