ランタイムの問題
真っ白なアプリケーション
注記
私のアプリケーションにはエラーはありません。なぜ真っ白な画面が表示されるのでしょうか?
この事象が発生しうる理由がいくつかあります。もしあなたがフォーラム上で解決策を見つけられなかった場合、これらを確認して下さい:
- ポリフィルには古い android のブラウザ/バージョンは含まれない
@angular/cli@7.3
以上のプロジェクトの場合、ポリフィルは自動的に含まれます。その前に作成されたプロジェクトでは、ポリフィルを手動で有効にする必要があります。
src/polyfills.ts
にて、Android 4.4 をサポートするために ES6 ポリフィルをすべて有効にする必要があります。
あるいは、プロジェクトを更新して、@angular/cli
パッケージと @angular-devkit
パッケージの最新リリースを使用し、angular.json
のビルドオプションオブジェクトに es5BrowserSupport
オプションを含めることもできます:
"input": "src/global.scss"
}
],
- "scripts": []
+ "scripts": [],
+ "es5BrowserSupport": true
},
"configurations": {
"production": {
これにより、古いブラウザに必要なポリフィルが自動的に追加されます。
ディレクティブが動作しない
注記
なぜ私のカスタムコンポーネント/ディレクティブは動作しないのでしょうか?
あなたが確認できるものがいくつか存在します。
- セレクタにスペルミスがない
- 属性、要素、クラスとして、セレクタを正確に使用している
- セレクタの構文が適切:
- 属性セレクタの場合は
[attr]
- 要素セレクタの場合は
element
- クラスセレクタの場合は
.class
- 属性セレクタの場合は
以下に、属性セレクタの例を挙げます:
@Directive({
selector: '[my-dir]' // <-- [my-dir] because it is an attribute
}) // Could be my-dir, [my-dir], .my-dir
class MyDir {
constructor() {
console.log('I'm alive!');
}
}
@Component({
// We add my-dir as an attribute to match the directive's selector
template: `<div my-dir>Hello World</div>`,
// Alternatively, if you were attaching the directive to an element it would be:
// template: `<my-dir>Hello World</my-dir>`
// and if you were attaching by class the template would be:
// template: `<div class="my-dir">Hello World</div>`
directives: [MyDir] // <-- Don't forget me! (only if your ionic-angular version is below RC0)
})
class MyPage { }
クリックの遅延
注記