npm start 不打开浏览器选项卡

Posted 2023-03-07

【中文标题】npm start 不打开浏览器选项卡

【英文标题】：npm start does not open browser tab

【发布时间】：2017-03-19 16:48:24

【问题描述】：

我正在学习 angularjs 2。我想在他们的官方网站上使用 angularjs 2 制作我的第一个应用程序。所以我从这里https://angular.io/guide/quickstart 关注了所有内容。现在在第 6 步中，我必须在终端中运行命令“npm start”。它在终端中给了我类似的结果--

$ npm start

> angular-quickstart@1.0.0 start D:\Sadiq\Res\Angularjs__2\angularQ
> tsc && concurrently "tsc -w" "lite-server"

[1] Did not detect a `bs-config.json` or `bs-config.js` override file. Using lite-server defaults...
[1] ** browser-sync config **
[1]  injectChanges: false,
[1]   files: [ './**/*.html,htm,css,js' ],
[1]   watchOptions:  ignored: 'node_modules' ,
[1]   server:  baseDir: './', middleware: [ [Function], [Function] ]  
[1] [BS] Access URLs:
[1]  -------------------------------------
[1]        Local: http://localhost:3002
[1]     External: http://192.168.2.93:3002
[1]  -------------------------------------
[1]           UI: http://localhost:3003
[1]  UI External: http://192.168.2.93:3003
[1]  -------------------------------------
[1] [BS] Serving files from: ./
[1] [BS] Watching files...
[1] [BS] File changed: app\app.component.js
[1] [BS] File changed: app\app.module.js
[1] [BS] File changed: app\main.js
[0] 12:01:51 PM - Compilation complete. Watching for file changes.

但它不会在我的 crome 中打开任何选项卡。如果我输入它提供的 url

'http://localhost:3002'

手动在地址栏中给出预期的结果，工作正常，源文件中的任何更改都会立即导致浏览器发生更改。 问题是：我无法弄清楚为什么它没有在浏览器中自动打开标签。 谁能帮我？

2016 年 11 月 7 日更新

重要的观察是我在另外两台电脑上复制了我的项目。在那里它按预期工作。当我运行“npm start”时，它会在浏览器中打开选项卡并运行应用程序。所以它不会产生任何问题，并且根据官方 angular2 教程站点工作。任何人都知道为什么我的电脑会发生这种情况还是我的浏览器？

【参考方案1】：

一切看起来都很好，唯一的原因可能是你的配置中有 open:false 。你可以试试这个，

在根目录下创建一个文件 bs-config.js 并添加此代码，

module.exports = 
  port: 5000,//custom port
  files: ['./**/*.html,htm,css,js'],
  open: true
;

【讨论】：

"there is open:false in your config" ---不明白？

在 lite-server 中，可以通过设置配置选项 open: false 来阻止浏览器打开。所以我创建了一个自定义配置 bs-config.js 并覆盖了值 open: true。除了我认为没有任何问题的表格。

我克隆了相同的代码，一切正常。检查你的节点和 npm 版本。

安装node最新版本，更新npm done.no结果。

>[1] [BS] 服务文件来自：./ [1] [BS] 观看文件... [1]（节点：2540） UnhandledPromiseRejectionWarning：未处理的承诺拒绝（拒绝 id：1 ): 错误: spawn cmd ENOENT [1] (node:2540) DeprecationWarning: 不推荐使用未处理的承诺拒绝。将来，未处理的 Promise 拒绝将使用非零退出代码终止 Node.js 进程。