与NPM脚本browsersync任务文件变化后，没有刷新浏览器

Question

我现在遇到的问题与使用NPM脚本任务来启动该文件更新时刷新一个browsersync服务器...

一个名为serve任务在scripts的package.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
    │
    └─── ...

当我qazxsw POI到qazxsw POI目录，然后键入qazxsw POI的cd服务器能够正常启动，通过在Chrome浏览器中打开project npm run serve。

如果我再编辑或者browsersync，index.html，或http://localhost:3000/并保存更改index.html不会自动刷新，以反映在浏览器中的变化。

有趣的是，我通过CLI运行相同的命令（即，如在style.css而不逸出双引号所指定的相同）后直接如下：

main.js

...浏览器中正确打开browsersync和编辑保存更改或者package.json，$ browser-sync start --server "dev" --files "./dev/css/*.css, ./dev/js/*.js, ./dev/*.html" --browser "Google Chrome"，或index.html index.html DOES currectly刷新浏览器之后。

style.css的版本我已经安装在全球和本地（即项目文件夹中）是相同的版本（2.17.0）。

是否有什么我在main.js的脚本部分做不正确？

Answer 1

我有同样的问题，今天我想建立一个简单的文件做测试。

它为我工作的方式是删除转义字符，并直接添加路由：

例：

browsersync

我服务于当前文件夹中的所有文件

browsersync