0

私は Yeoman と Grunt の初心者であり、「grunt serve:dist」を実行した後、スタイル シートで多くのことを経験しました。

フォント幅を変更し、ヘッダーにパディングを追加し、実質的にテーブルを完全に壊しました。どこからデバッグを開始すればよいかわかりませんが、フォントスタイルが変更され、それを読み取っているため、CSSが見つかると思いますJS、私はそれが動作していることを確認するためにいくつかの console.log() を入れましたが、(Chrome コンソール) のようないくつかの例外があります:

Failed to load resource: the server responded with a status of 404 (Not Found) http://localhost:9000/styles/fonts/slick.woff
Failed to load resource: the server responded with a status of 404 (Not Found) http://localhost:9000/styles/ajax-loader.gif
Failed to load resource: the server responded with a status of 404 (Not Found) http://localhost:9000/styles/fonts/slick.ttf
Failed to load resource: the server responded with a status of 404 (Not Found) http://localhost:9000/styles/fonts/slick.svg#slick

何か案が？

4

4 に答える 4

0

私の評判はまだ十分に高くないので、コメントを追加することはできません. そこで、angular-fullstack ジェネレーターを使用しているかどうかを尋ねるつもりでした。このジェネレーターで作業していたときに、同様のエラーが発生しました。<!-- injector:js -->正確な原因を特定することはできませんでした...何時間もかけて調査したことに対処する必要があることを除いて. 基本的に、簡単な解決策として、デフォルトのビルドから index.html ページを再コピーし、Google アナリティクスの行より下には何も触れないようにしました。何らかの理由で、タブや間隔を変更しても、このエラーが発生し始めました。問題は、スクリプト ファイルが圧縮および拡張された app.js dist ファイルに挿入されていないことです。

もちろん、あなたの例では、本当にあなたのjsファイルが問題ではないように見えますが、他のファイルの一部が正しくコピーされていないようです.同様の問題を扱うような質問を投稿しようとしています. bower_components を扱っていることを除いて、後でリンクします。

于 2014-10-05T18:33:20.120 に答える
0

たとえ使用されていなくても、最終バージョン内に任意の CSS をビルドするようです。私は決してインポートしないmain.scssファイルを持っていましたが、残りを台無しにしていたのはそのファイルスタイルでした。

于 2014-08-26T07:30:47.490 に答える
0

コピー オプションがある Grunt ファイルを確認する必要があると思います。grunt serve:dist コマンドでコピーされたコンポーネントを確認できます。src:[... を参照してください。

 copy:
        dist:
            files: [
                expand: true
                dot: true
                cwd: "<%= yeoman.app %>"
                dest: "<%= yeoman.dist %>"
                src: [
                    "favicon.ico"
                    # bower components that has image, font dependencies
                    "bower_components/font-awesome/css/*"
                    "bower_components/font-awesome/fonts/*"
                    "bower_components/weather-icons/css/*"
                    "bower_components/weather-icons/fonts/*"
                    "bower_components/weather-icons/font/*"

                    "fonts/**/*"
                    "i18n/**/*"
                    "images/**/*"
                    # "styles/bootstrap/**/*"
                    "styles/fonts/**/*"
                    "styles/img/**/*"
                    "styles/ui/images/*"
                    "views/**/*"
                ]
            ,
                expand: true
                cwd: ".tmp"
                dest: "<%= yeoman.dist %>"
                src: ["styles/**", "assets/**"]
            ,
                expand: true
                cwd: ".tmp/images"
                dest: "<%= yeoman.dist %>/images"
                src: ["generated/*"]
            ]

distパッケージにコンポーネントのコピーがあることを確認してください

于 2015-02-25T14:24:04.347 に答える