ts无法找到模块'@ angular / platform-b​​rowser';

时间:2017-02-14 11:21:01

标签: angular typescript npm visual-studio-code

文件图片

**app.module.ts file**

**app.component file**

我遇到了这个错误,我无法解决这个问题。我正在尝试导入 angular / core angular / 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"   } }

9 个答案:

答案 0 :(得分:7)

我认为你需要在package.json中安装并添加@ angular / platform-b​​rowser,你可以这样做:

npm install @angular/platform-browser --save

因此,此时angular2有最终版本,您不需要使用测试版。你把你的项目标记为ionic2项目,但他没有看到像 normal ionic2 app,你的包装中没有任何离子/ cordova依赖性.json

答案 1 :(得分:1)

我通过对 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文件

答案 2 :(得分:1)

尝试重新安装@ 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 :(得分:1)

解决了相同的问题,这是一个解决此问题的坚定方法。

我假设您已经生成了一个cli角度项目,这是您开始编写代码后就会遇到的问题。

解决方案

所以发生的情况是,有时angular无法安装所有必需的依赖项,甚至在npm install上也没有更新。

步骤

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

这几乎适用于所有情况。至少有几次为我工作。

答案 4 :(得分:0)

查看你的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

答案 5 :(得分:0)

尝试运行

  

npm install -g @ angular / cli

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

答案 6 :(得分:0)

# Create dataframe import pandas as pd df = pd.DataFrame({ 'hour': ['2019-01-01 05:00:00', '2019-01-01 07:00:00', '2019-01-01 08:00:00'], 'time_zone': ['US/Eastern', 'US/Central', 'US/Mountain'] }) # Convert hour to datetime and localize to UTC df['hour'] = pd.to_datetime(df['hour']).dt.tz_localize('UTC') # Get local_hour df['local_hour'] = df.apply(lambda row: row['hour'].tz_convert(row['time_zone']), axis=1) # Try to get local_date from local_hour df['local_date'] = pd.to_datetime(df['local_hour'].dt.date) ValueError: Tz-aware datetime.datetime cannot be converted to datetime64 unless utc=True 可能不正确dependencies,或者您可能需要installed。我遇到了类似的问题,所有这些答案都很好。

在您的终端中尝试:

re-install

希望这行得通!

答案 7 :(得分:0)

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

ng update --all=true --force

在这里,将flag all设置为true以更新所有依赖项,并使用flag force强制执行此操作,顾名思义,现在,您可能会遇到一些依赖关系的漏洞,可以通过手动安装这些依赖关系来修复这些漏洞。

答案 8 :(得分:-2)

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

osx_image: xcode8.3

它是有效的。