npm - npm スクリプトを使用した browsersync タスクが、ファイルの変更後にブラウザーを更新しない

Question

npm スクリプト タスクを使用して、browsersyncファイルの更新後に更新されるサーバーを起動する際に問題が発生しています...

という名前のタスクは、 のプロパティで次のようにserve定義されます。scriptspackage.json

{
    ...
    "scripts": {
        "serve": "browser-sync start --server \"dev\" --files \"./dev/css/*.css, ./dev/js/*.js, ./dev/*.html\" --browser \"Google Chrome\""
    },
    "devDependencies": {
        "browser-sync": "^2.17.0"
    }
}

私のディレクトリは次のように構成されています。

project
│
├── package.json
│
├─── dev
│   │
│   ├───index.html
│   │
│   ├─── css
│   │   │
│   │   └───style.css
│   │
│   └─── js
│       │
│       └───main.js
│
└─── node_modules
    │
    ├───browser-sync
    │
    ├───browser-sync-client
    │
    ├───browser-sync-ui
    │
    └─── ...

ディレクトリにcd移動してサーバーを正しく入力すると、Chrome ブラウザーで経由して開きます。projectnpm run servebrowsersyncindex.htmlhttp://localhost:3000/

index.html次に、 、style.css、またはのいずれかを編集main.jsして変更を保存すると、browsersyncそれらの変更がブラウザに反映されるように自動更新されません。

興味深いことに、同じコマンド (つまり、package.json二重引用符をエスケープせずに指定したものと同じ) を CLI 経由で次のように直接実行した後:

$ browser-sync start --server "dev" --files "./dev/css/*.css, ./dev/js/*.js, ./dev/*.html" --browser "Google Chrome"

...ブラウザが正しく開き、編集後、 、、またはDOES のindex.htmlいずれかに変更を保存すると、ブラウザが最新の状態に更新されます。index.htmlstyle.cssmain.js browsersync

browsersyncグローバルとローカル (つまり、プロジェクト フォルダー内) の両方にインストールしたバージョンは、同じバージョン (2.17.0) です。

のスクリプト セクションで間違っていることはありpackage.jsonますか?