BROWSER SYNC无头环境ERROR

问题描述 投票:1回答:4

所以我刚开始学习Angular 2并在git bash上运行npm install命令并打开我的文本编辑器后,我试图运行npm start命令来启动typescript和lite服务器。一切顺利,直到这个错误出现[1] [BS] Couldn't open browser (if you are using BrowserSync in a headless environment, you might want to set the open option to false)并且浏览器没有打开。这是它看起来的样子

$ npm start

[1] [BS] Access URLs:
[1]  --------------------------------------
[1]        Local: http://localhost:3002
[1]     External: http://172.30.31.239:3002
[1]  --------------------------------------
[1]           UI: http://localhost:3003
[1]  UI External: http://172.30.31.239:3003
[1]  --------------------------------------
[1] [BS] Serving files from: ./
[1] [BS] Watching files...
[1] [BS] Couldn't open browser (if you are using BrowserSync in a headless environment, you might want to set the open option to false)
`  

我使用的是Windows 8 64位操作系统,Chrome是默认浏览器

一个相关的问题https://stackoverflow.com/a/42845813/8130472得到了答复,并建议选择将C:\ Windows \ System32添加到系统变量,但我不知道如何去做。

另外,在这个链接上,https://forums.bignerdranch.com/t/browser-sync-couldnt-open-browser/10936/4另一个建议是添加--browser"chrome.exe"(Windows)。那也行不通。

有什么建议?或解决方案?

angularjs node.js npm browser-sync npm-start
4个回答
3
投票

因此,当我继续浏览时,我在这个网页https://gist.github.com/Kenty/9096000/revisions上找到了解决这个问题的线索,这暗示了我可以从错误消息中找到打开选项的位置。我决定在我的电脑上搜索"bs.config.js",我在我的角度文件夹下的default.config.js文件夹中找到了一个名为\Template\node_modules\browser-sync\lib的文件,当我搜索文件时,我终于找到了打开选项,并从“本地”更改了打开选项(这是false(默认选项)为false(注意,它没有引号),当我再次运行npm start命令时,在git-bash终端上它工作,没有更多的错误。


1
投票

添加浏览器属性,例如使用firefox:firefox:'-browser "firefox.exe"'

browserSync.init({
    server: "./src",
    firefox: '-browser "firefox.exe"'
}

0
投票

一个相关的问题https://stackoverflow.com/a/42845813/8130472得到了答复,并建议添加C:\ Windows \ System32到系统变量的选项,但我不知道如何去做

关于添加到系统变量,您可以转到“此Pc”属性然后转到左侧栏“高级系统设置”,然后在底部您将看到“环境变量”。您将看到Path变量列出双击并复制粘贴到路径上方,即C:\ Windows \ System32

重新启动后,这真的解决了我的browserync问题。


0
投票

我尝试了这个命令,它对我有用:> browser-sync start --server --browser“chrome.exe” - 目录 - 文件“*”


0
投票

你必须在visual studio中的Packages.config文件中更改一些内容

{

"port": 3000,

"server": {

"baseDir": "."

},

"browser": ["chrome"]

}

它在我的电脑上工作,你应该立即尝试

© www.soinside.com 2019 - 2024. All rights reserved.