Question

我当前正在使用通过npm install -g browser-sync安装的Browser Sync最新版本（2.24.6），而在C:\Users\USERNAME\Google Drive中，我正在使用Gulp。

我通过在bash中运行browser-sync start --server --files '*.html, css/*.css, js/*.js'开始浏览器同步，并打开了我的项目。当我更改HTML，CSS和/或JS文件时，项目将按预期更新。

但是，当我使用package.json在“脚本”下编辑"start": browser-sync start --server --files '*.html, css/*.css, js/*.js'文件（不在同一目录中），然后在bash控制台中运行npm start时，得到一个页面但我只看到Cannot GET /，而不是我的项目。

另外，如果我尝试browser-sync start --server --files '*.html, css/*.css, js/*.js'或在任何其他项目中，我也会遇到相同的错误。

如果我做gulp browser-sync，这就是我得到的：

[06:03:14] Working directory changed to ~\Google Drive
[06:03:15] Using gulpfile ~\Google Drive\gulpfile.js
[06:03:15] Starting 'browser-sync'...
[Browsersync] Access URLs:
 --------------------------------------
       Local: http://localhost:3000
    External: http://192.168.1.116:3000
 --------------------------------------
          UI: http://localhost:3001
 UI External: http://192.168.1.116:3001
 --------------------------------------
[Browsersync] Serving files from: ./

这是我的gulpfile.js：

const gulp = require("gulp");
const browserSync = require('browser-sync').create();

gulp.task('browser-sync', function () {
  browserSync.init({
     server: {
        baseDir: './',
     }
  });
});

这是我的package.json文件：

{
  "name": "eslint-test",
  "version": "1.0.0",
  "description": "",
  "main": "main.js",
  "dependencies": {
    "browser-sync": "^2.24.6",
    "gulp-sass": "^4.0.1"
  },
  "devDependencies": {
    "eslint": "^4.18.1",
    "eslint-config-airbnb-base": "^12.1.0",
    "eslint-plugin-import": "^2.9.0",
    "gulp": "^4.0.0"
  },
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1",
    "start": "browser-sync start --server --files '*.html, css/*.css, js/*.js'"
  },
  "author": "",
  "license": "ISC"
}

如果这不是正确的地方，我深表歉意，但是我搜索并观看了大约2个小时的视频，但没有找到答案。我感谢所有帮助/链接。

浏览器同步错误-'无法获取/'

0 个答案: