問題タブ [gruntfile]

私は、yeoman angular-generator を使用して Web プロジェクトを開始しました。grunt serve を実行するとうまく機能しますが、grunt build と grunt serve:dist を使用すると、プロジェクトが壊れます。css と画像が表示されず、inspect 要素が $('.foo').masonry() が関数ではないことを示しています。私はangular、yeoman、gruntに非常に慣れていません.grunt serve:distで壊れている理由が本当にわかりませんが、grunt serveではうまく機能します.どんな助けでも大歓迎です.

これが私の index.html です。Gruntfile.js は生成されてから変更されていません。

他に提供すべき情報はありますか？

よく会った！

過去数時間、オプションを機能させようとしてきましたmainFilesが、そこに含まれるすべてのファイルを無視しているようです。リストにある複数のプラグインを試しましたが、どれもうまくいきません。確かに、私は Grunt を使用するのはかなり新しいですが、grunt-bower-concatドキュメントを調べてきましたが、そこには何もありません。そして、実際のプラグイン コード内に多数のコンソール ログを追加しており、ファイルが渡されていないことを示しています (もちろん、後でファイルを元に戻しました)。

これは、私が使用している GruntFile です。

Leaflet-Illustrate は (今のところ) 除外されています。これは、実際のタスクに大混乱をもたらすためmainFilesです。オプションがないと、正しく含めることができません。

私を正しい方向に向けたり、修正したりできる人はいますか? 前もって感謝します！

以下に示すように、 grunt-include-replace インクルードに文字列を追加すると、コンソールに「予期しないトークン エラー」が表示され、html ファイルがコンパイルされません。

特殊文字 <>/#" に問題があると思います。

これらの文字を文字列で機能させるにはどうすればよいですか?

私の問題はこれに似ています: Gruntはノードサーバーをロードしません

ただし、私の場合、答えは問題を解決しません。ここに私のうなり声があります：

(lint エラーを無視して) grunt を実行すると、次のようになります。

そして、そこで止まります... 通常、MEANjs アプリは localhost:3000 で開始され、ブラウザーでアプリを開くと、ブラウザーから要求されて読み込まれるファイルの膨大なリストが表示されます。

これは grunt -v バージョンです (監視対象のファイルが多すぎるため、わかりやすく簡潔にするために一部を削除しました):

この冗長な出力はここで停止し、ブラウザで何をしても、その後は何もしません。

アプリは実際に (localhost:3000 で) 実行されており、livereload などは機能しているように見えますが、端末の出力には何も表示されません。これにより、アプリで何がロードされているか/ロードされていないかをデバッグして把握することが非常に難しくなっています。

何が起こっているかについてのアイデアはありますか？

**補足として、最近Nodeとnpmを再インストールする必要がありますが、それが関係しているかどうかはわかりません

前もって感謝します

$ grunt connect:development:keepalive

エラー：

「connect:development:keepalive」(接続) タスクの実行

警告: undefined は関数ではありません --force を使用して続行してください。

警告のため中止されました。

私は現在、 Professional AngularJS (wrox)AngularJSという本から学んでおり、本からの基本的なコードは次のとおりです。

app/index.html

app/main.less

app/app.js

Gruntfile.js

.bowerrc

これらはすべて、このアプリケーション用に本で提供されているコードです。また、本に書かれているように、ターミナルからルート フォルダーで次のコマンドを実行しました。

sudo npm install -g bower

sudo npm install -g grunt-cli

sudo npm install --save-dev grunt

sudo npm install --save-dev load-grunt-tasks

sudo npm install --save-dev grunt-contrib-connect

sudo npm install --save-dev grunt-contrib-jshint

sudo npm install --save-dev grunt-contrib-less

sudo npm install --save-dev grunt-contrib-watch

sudo npm install -g less

lessc app/main.less > app/main.css

grunt less

sudoそうしないとエラーがスローされたため、使用する必要がありました：

root/管理者としてこのコマンドを再度実行してください。

この本によるとgrunt connect:development:keepalive、端末から実行すると、アプリケーションが実行された状態でブラウザが起動するはずです。しかし、上記のようにエラーが発生します。

何が悪いのかわからないので、状況を教えてください。これが、すべてのコードを含めた理由です。私はこれらのツールやテクノロジーに非常に慣れていないため、この本に従って AngularJS を学習する必要があるかどうかさえわかりません。

ありがとうございました。

編集：

WebStorm IDE を使用しているためGruntfile.js、行内に問題が表示されconnect.static('app')ます。Unresolved function or method static()マウスを乗せるとこう言います。

Angular.js プロジェクトのテストをセットアップしようとしていますが、「$injector:nomod, Module 'result' is not available! You or misspelled...」というエラーが表示され続けます。「karma.config.js」内の「files」配列に「result」モジュールを含めていると確信しています。基本的には次のようになります。

...

私は当初、メイン モジュールの順序が間違っていると考えていました:「simulator」(「simulator.js」ファイル内で定義) は、次のスタック オーバーフロー スレッドが推奨するように、他のモジュールの前に具体的に上に移動しました。

Karma Jasmine のテスト実行で Angular モジュールを使用できない

役に立ちませんでした。次に、Angular アプリのメイン エントリ ファイル (angular-mocks.js と qa/tests-*.js を除く) と同じ順序でファイルがインポートされるようにしました。ワイルドカードですが、成功しません。

ジャスミンは間違いなくテストファイルに入りますが、モジュールの「結果」をインポートしようとしている行に出くわします:

したがって、2 つの console.log() ステートメントの間でエラーが発生することがわかります。

「karma.config.js」の配列「files」内のファイルの順序にまだ何か問題があると思われます。他のモジュールに依存するメインモジュール「シミュレーター」があります。

モジュール「newexp2」、「newexp」、「login」、「edit」、「exps」、「result」、「templates」はすべてモジュール「commons」に依存しています。

「ファイル」配列内に相互依存モジュールを正しくインポートする方法は? メインモジュールである「simulator.js」を他のすべての上に配置するだけで十分ですか、それとも他のすべてのモジュールを「commons.js」の前に配置する必要がありますか?

もう 1 つの疑惑は、Angular の公式 Web サイト「angular-mocks.js」からダウンロードした angular.js ライブラリ バージョンが、使用している他のモジュールと互換性がない可能性があることです。以前、「angular-animate.js」ファイルでこのような問題がありました。

テストコードを囲んでいる限り$(function(){...})（そして他のすべてのモジュールがそれで囲まれている限り）、モジュールのインポート中にエラーは生成されないため、間にエラーのないresult2つのステートメントが表示され始めconsole.log()ますが、これにより未知のものが生成されますitで囲まないと、$(function(){...})テストitは呼び出されますが、モジュールのresultインポートは失敗します。

これまでのところ、私はほとんど立ち往生しており、どこに移動して何を試すべきかわかりません. どんな提案でも大歓迎です。

そのため、npm/bower/grunt/angular.js に基づいて単一ページ アプリをインストールしました。

ルートには、このコードを含む gruntfile.js があります

したがって、ここから grunt-cache-bust プラグインをインストールする必要があります https://github.com/hollandben/grunt-cache-bust

npmでインストールしましたが、このタスクをどこに書くべきかわかりません。

ちゃんとわかるように教えていただくか、リンクを教えてください