1

Angular2 Meteor チュートリアル ( https://www.angular-meteor.com/tutorials/socially/angular2/bootstrapping ) で提案されている新しい Angular2 Meteor プロジェクトを作成し、チュートリアルに従って Angular2 Material をインストールしました ( https://www. angular-meteor.com/tutorials/socially/angular2/angular-material-and-custom-angular-auth-forms )。すべてが機能します。

次に、PortalModule をインポートしたいので、App.module.tsを編集して、次のコード行を追加します。

import {PortalModule} from '@angular2-material/core/portal/portal-directives';
...........
@NgModule({
imports: [
    ........
    MdSidenavModule.forRoot(),
    PortalModule.forRoot()
]
)}

(ちなみに、これは、PortalModule を使用するスタンドアロンで動作する Angular2 アプリで私が行っていることとまったく同じです)。

残念ながら、Angular2 Material を使用すると、起動時にランタイム エラーが発生します。ブラウザ コンソールのスタック トレースの上位 2 行は次のとおりです。

ブラウザ コンソール

これは typescript の設定に依存していると思われるので、tsconfig.jsonファイルも追加します (これは、プロジェクトの作成中に Angular2 Meteor が作成した標準です)。

{
  "compilerOptions": {
    "target": "es5",
    "lib": ["es6", "dom"],
    "module": "commonjs",
    "moduleResolution": "node",
    "experimentalDecorators": true,
    "emitDecoratorMetadata": true,
    "sourceMap": true
  },
  "exclude": [
    "node_modules"
  ],
  "compileOnSave": false
}

どんな助けでも大歓迎です。前もって感謝します

4

0 に答える 0