@ ng-bootstrap / ng-bootstrap / pagination / pagination.d.ts（52,14）：錯誤TS2304：找不到名稱“ pageCount”

Question

我按照https://ng-bootstrap.github.io/#/getting-started上的說明將ngbootstrap添加到Angular2項目。 但是現在，當我編譯它時，我得到了錯誤

• @ ng-bootstrap / ng-bootstrap / pagination / pagination.d.ts（52,14）：錯誤TS1005：預期為'='。
• @ ng-bootstrap / ng-bootstrap / pagination / pagination.d.ts（52,23）：錯誤TS1005：';' 預期。
• @ ng-bootstrap / ng-bootstrap / pagination / pagination.d.ts（52,14）：錯誤TS2304：找不到名稱“ pageCount”。

此外，引導程序組件未在網站上正確顯示。

Answer 1

這是我的package.json：

{
  "name": "webshop",
  "version": "0.1.0",
  "scripts": {
    "build": "webpack --progress",
    "build:prod": "webpack -p --progress",
    "postinstall": "typings install",
    "serve": "webpack-dev-server --inline --progress"
  },
  "dependencies": {
    "@angular/common": "2.0.0-rc.5",
    "@angular/compiler": "2.0.0-rc.5",
    "@angular/core": "2.0.0-rc.5",
    "@angular/forms": "^0.3.0",
    "@angular/http": "2.0.0-rc.5",
    "@angular/platform-browser": "2.0.0-rc.5",
    "@angular/platform-browser-dynamic": "2.0.0-rc.5",
    "@angular/router": "3.0.0-rc.1",
    "@angular/router-deprecated": "2.0.0-rc.2",
    "@angular/upgrade": "2.0.0-rc.5",
    "@ng-bootstrap/ng-bootstrap": "^1.0.0-alpha.8",
    "angular2-in-memory-web-api": "0.0.15",
    "bootstrap": "^4.0.0-alpha.4",
    "core-js": "2.4.0",
    "reflect-metadata": "0.1.3",
    "rxjs": "5.0.0-beta.6",
    "zone.js": "^0.6.12"
  },
  "devDependencies": {
    "browserify": "^13.1.0",
    "html-webpack-plugin": "^2.17.0",
    "ts-loader": "^0.8.2",
    "tsify": "^1.0.7",
    "typescript": "^1.8.10",
    "typings": "^1.0.4",
    "webpack": "^1.13.1",
    "webpack-dev-server": "^1.14.1"
  }
}

這里是app.module.ts：

     import { NgModule } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
import { NgbModule } from '@ng-bootstrap/ng-bootstrap';
import { NavbarModule } from './navbar';

import { AppComponent } from './app.component';


@NgModule({
    imports: [ NgbModule.forRoot(), BrowserModule, NavbarModule ],
    declarations: [ AppComponent ],
    bootstrap: [ AppComponent ]
})

export class AppModule { }

我沒有system.js

Answer 2

我不確定100％，但是我認為這與所使用的打字稿版本有關。 ng-bootstrap已開始使用某些打字稿v2功能，這些功能打破了打字稿v1.8的更改。 您從圖庫獲得的VS擴展實現了v1.8，因此無法再編譯ng-bootstrap。

[編輯]修復它！ 您需要更新Visual Studio 2015來更新3，從此處下載並安裝新的Typescript 2工具。 https://www.microsoft.com/zh-cn/download/details.aspx?id=48593，然后編輯.csproj文件並更改此標簽

<TypeScriptToolsVersion>1.8</TypeScriptToolsVersion> 

說

<TypeScriptToolsVersion>2.0</TypeScriptToolsVersion>

然后，VS將使用最新的打字稿進行構建，識別新的語言功能並進行構建。