2

Nodejsをビルドして0.10.6をインストールした後、yo+grunt-cli+bower+generator-webappをアンインストールし、npm -g、
yo webappを使用して最新に再インストールしましたが
、ライブリロードが機能せず、chrome devtoolsでもエラーが表示されません

yo -v: 1.0beta5
grunt-cli v0.1.8 および grunt v0.4.1 bower
-v: 0.9.2
node -v: 0.10.6
npm -v: 1.2.18

grunt サーバーは監視タスクを表示します: 時間 + 変更されたファイルの名前

試してみました: Gruntfile のポート番号を .. LIVERELOAD_PORT = 34729; に変更しました。nogo :(
私の古い webapp プロジェクトはまだ正常に動作します
Lost..

ありがとう
--------------------- 更新
1. Grunfile.js で lrSnippet を 1 位に移動しました
2. index.js で移動しました

    end.call(res, res.data, encoding);

if ブロックの外側

部分的に動作 する よう に なりまし た
: 2. main.scss への変更 > OK 4. hello.coffe への変更 > OK ステップ 4 の後 1. index.html への変更 > OK 2. main.scss への変更 > OK












//------------------------------------- index.html index.html
への変更
リロード OK
gruntサーバーウィンドウは変更をログに記録し、リロードコマンドを発行します

grunt サーバー ウィンドウ グラブ =

    Running "watch" task
    Waiting...OK
    >> File "app/index.html" changed.

    Running "watch" task
    ... Reload app/index.html ...
    Completed in 0.002s at Sat May 18 2013 12:47:58 GMT+0530 (IST) - Waiting...

//------------------------------------- main.scss main.scss
への変更
リロード OK
gruntサーバー ウィンドウ グラブ =

    >> File "app/styles/main.scss" changed.

    Running "compass:server" (compass) task
    overwrite .tmp/styles/main.css 
    unchanged app/styles/my.sass

    Running "watch" task
    Completed in 1.906s at Sat May 18 2013 12:48:24 GMT+0530 (IST) - Waiting...
    OK
    >> File ".tmp/styles/main.css" changed.

    Running "watch" task
    ... Reload .tmp/styles/main.css ...
    Completed in 0.002s at Sat May 18 2013 12:48:24 GMT+0530 (IST) - Waiting...

//---------------------------------------------------- my.sass
から my.sass への変更の
リロードがうまくいかない(リロードしていません)
grunt サーバー ウィンドウ グラブ =

    Running "watch" task
    Waiting...OK
    >> File "app/styles/my.sass" changed.

    Running "compass:server" (compass) task
    unchanged app/styles/main.scss
    unchanged .tmp/images/generated/design-s65ab268e46.png
    overwrite .tmp/styles/my.css 

    Running "watch" task
    Completed in 0.602s at Sat May 18 2013 13:00:19 GMT+0530 (IST) - Waiting...

//----------------------------------------------------
my.sass が変更された後、
インデックスに変更が加えられました.html または main.scss r が grunt サーバー ウィンドウ

に表示されない Watch コマンドは何もログに記録しません。
変更はリロードされません
//----------------------------------------------------
再起動された Grunt サーバー
//-- ----------------------------------- hello.coffee

grunt サーバー ウィンドウ グラブ =

    OK
    >> File "app/scripts/hello.coffee" changed.

    Running "coffee:dist" (coffee) task
    File .tmp/scripts/hello.js created.

    Running "watch" task
    Completed in 0.011s at Sat May 18 2013 13:34:56 GMT+0530 (IST) - Waiting...

//----------------------------------------------------

4

4 に答える 4

2

現在の livereload/yo セットアップにはバグがあります。問題のある依存関係 (connect-livereload) の修正と共に詳細を以下に示します。

https://github.com/yeoman/generator-webapp/issues/63

于 2013-05-18T02:04:42.557 に答える
0

この問題を解決するためにコミットが行われました。

https://github.com/yeoman/generator-webapp/pull/67

すぐにアップデートが表示されると思います。

それまでの間、できることは Gruntfile.js を変更することです。livereload の接続オプションの行 61 付近を見て、このスニペットの構成を置き換えます。

livereload: {
  options: {
    middleware: function (connect) {
      return [
       lrSnippet,
       mountFolder(connect, '.tmp'),
       mountFolder(connect, yeomanConfig.app)
      ];
    }
  }
},

また、モジュール connect-livereload を 0.1.4 に更新することをお勧めします。

npm install connect-livereloadプロジェクトディレクトリで実行するだけです。

于 2013-05-19T15:17:51.783 に答える
0

Gruntfile.js の watch の下にオプションとしてライブ リロードを追加しました。

    watch: {
        options: {
            nospawn: true,
            livereload: true
        },

livereload:option:port の代わりに livereload:port を設定するとうまくいきました:

livereload: {
  port: 35728
}
于 2013-06-19T16:21:39.257 に答える