yeoman - 生成された Angular index.html を Grunt なしで実行すると空のページが表示されるのはなぜですか?

Question

Angular アプリを生成し、実行するgrunt serverと動作します (既定のページが表示されます) が、ファイルを参照して index.html をダブルクリックすると、空のページが表示されます (灰色の背景を除く)。

何故ですか？JS/CSS/HTMLだけじゃないの？

Answer 1

セットアップに応じて、一部のファイルは通常変換が必要です。たとえば、スタイルがコンパスまたは SASS にあり、通常の css に変換する必要がある場合があります。Grunt は、必要なさまざまな変換 (および静的ページ サーバーの起動) をすべて処理します。

ブラウザでコンソール エラー ログを確認すると、「リソースの読み込みに失敗しました」というエラーが表示されるはずです。たとえば、css ファイルがそこにない可能性があります (index.html を直接実行しようとしている場合)。 .

ちなみに、次を実行できます。

grunt build

これにより、すべてが変換され、配布の準備が整った新しいディレクトリ「dist」が作成されます。これがあなたが探しているものかもしれません。