标签: lite-server

我使用的是lite-server与npm run lite

我的配置文件,

module.exports = {
    "server": { "baseDir": "./src" }
};

每当我启动服务器时,它都会打开一个新的浏览器窗口.如何防止lite服务器在服务器启动时打开浏览器窗口？

谢谢.

这是一个Angular2应用程序,该组件在这里简化为:

@Component({
    selector: 'courses',
    template: `
        <input [(ngModel)]="wahla">
        <input [(ngModel)]="wahla">
        {{ wahla }}
        `
})
export class CoursesComponent {
    wahla = "hmm hmm ha ha";
}

我认为应用程序在一个页面中使用双向绑定工作正常,但是如果我用http:// localhost:3000 /打开另一个选项卡然后在第一页的第一个输入框中粘贴或键入内容,那么第二个tab实际上为其第一个输入框更新,而第二个输入框和静态文本不更新.

对于第一个选项卡,所有内容都按预期更新.

这应该发生还是可能出错？这正在运行使用npm startBrowserSync运行lite-server.

我正在经历Angular 2的5分钟快速启动.但是,我的应用程序驻留在src/文件夹而不是我的存储库的根目录,当我运行npm start应用程序时,尝试index.html在根目录中查找文件.我在读了lite-server和文档显示,它使用BrowserSync我可以重新BrowserSync用bs-config.json在我的仓库.我这样做了,这就是我的配置:

{
  "port": 8123,
  "server": { "baseDir": "./src" }
}

根据日志,它使用指定的配置:

[1] > todo-app-angular2@1.0.0 lite E:\GitHub\todo-app-angular2
[1] > lite-server "./bs-config.json"

我还尝试通过bs-config.js覆盖

module.exports = {
  port: 8123,
  server: {
    baseDir: "./src"
  }
};

但是,Angular应用程序仍然在端口3000上打开,而忽略了配置中定义的baseDir.我究竟做错了什么？

我正在学习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]  ------------------------------------- …

我跑的时候 npm start

我遇到了以下错误

C:\angular2-quickstart>npm start

> angular2-quickstart@1.0.0 start C:\angular2-quickstart
> concurrent "npm run tsc:w" "npm run lite"

[0]
[0] > angular2-quickstart@1.0.0 tsc:w C:\angular2-quickstart
[0] > tsc -w
[0]
[1]
[1] > angular2-quickstart@1.0.0 lite C:\angular2-quickstart
[1] > lite-server
[1]
[1] 'lite-server' is not recognized as an internal or external command,
[1] operable program or batch file.
[1]
[1] npm
[1]
[1] ERR!
[1]  angular2-quickstart@1.0.0 lite: `lite-server`
[1] npm
[1]
[1] ERR!
[1]  Exit status 1
[1] npm
[1]
[1] ERR! …

启动lite-server时,可以指定端口

lite-server -- port 8000

这给你以下结果:

[BS] Access URLs:
 ------------------------------------
       Local: http://localhost:8000
    External: http://192.168.0.5:8000
 ------------------------------------
          UI: http://localhost:3001
 UI External: http://192.168.0.5:3001

如何更改UI的端口默认为3001(命令行和/或bs-config.json文件),类似8001？

我无法在Ubuntu 14.04上使用npm启动lite-server 2.1.0.我正在尝试运行Angular2 Quick Start示例.

这个问题可能是Linux特有的,只是在最近更新到Ubuntu后才开始出现.我能够在Windows 8.1上成功运行Angular2 Quick Start.我尝试了各种不同版本的NPM和Node,结果没有变化.运行Angular Heroes示例也会出现同样的问题.

任何解决方案或临时工作将不胜感激.

成功将typescript转换为javascript之后,这是尝试通过npm启动lite-server的结果:

npm run lite

events.js:154
      throw er; // Unhandled 'error' event
      ^

Error: watch node_modules/insight/node_modules/lodash/internal/baseForOwnRight.js ENOSPC
    at exports._errnoException (util.js:856:11)
    at FSWatcher.start (fs.js:1313:19)
    at Object.fs.watch (fs.js:1341:11)
    at createFsWatchInstance (/tf/sbtf/ang2-reg/node_modules/chokidar/lib/nodefs-handler.js:37:15)
    at setFsWatchListener (/tf/sbtf/ang2-reg/node_modules/chokidar/lib/nodefs-handler.js:80:15)
    at FSWatcher.NodeFsHandler._watchWithNodeFs (/tf/sbtf/ang2-reg/node_modules/chokidar/lib/nodefs-handler.js:228:14)
    at FSWatcher.NodeFsHandler._handleFile (/tf/sbtf/ang2-reg/node_modules/chokidar/lib/nodefs-handler.js:255:21)
    at FSWatcher.<anonymous> (/tf/sbtf/ang2-reg/node_modules/chokidar/lib/nodefs-handler.js:473:21)
    at FSReqWrap.oncomplete (fs.js:82:15)

npm ERR! Linux 3.19.0-49-generic
npm ERR! argv "/tf/node/bin/node" "/tf/node/bin/npm" "run" "lite"
npm ERR! node v5.6.0
npm ERR! npm  v3.7.2
npm ERR! code ELIFECYCLE
npm ERR! ang2-reg@1.0.0 …

在我,package.json我有以下内容:

...
"scripts": {
        "tsc": "tsc",
        "tsc:w": "tsc -w --outDir build",
        "lite": "lite-server",
        "start": "concurrent \"npm run tsc:w\" \"npm run lite\" "
    },
...

我想知道如何使用" npm production"或类似的东西启动应用程序？

我想阻止browserync运行:我只是尝试了多个用户,看到他们正在"滚动",这很有趣.这也发生在不同的浏览器上(但不使用不同的选项卡).

我正在尝试运行基于angular2的第一个应用程序.我跟着angular2步骤.当我运行命令npm start然后它在终端中给出以下错误

没有检测到bs-config.json或bs-config.js覆盖文件.使用lite-server默认值...

并且还404 error为index.html文件返回浏览器(angular-project/app/index.html)

我检查lite-server版本是"lite-server@^2.2.0",和npm版本3.7.3,我也遵循这个接受的答案说明但仍面临同样的问题.任何人都可以指导我如何解决它,我会很感激.谢谢.

我现在正在学习Angular 2,我可以看到教程使用lite-server来提供静态文件.我读过Lite-server是一个只开发服务器,但实际上它不能用于生产的原因是什么？谢谢.