无法在Angular 2应用程序中更改lite-server的基本文件夹

Question

我正在经历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。我究竟做错了什么？

Answer 1

您应该使用一个名为bs-config.js（而不是bs-config.json一个）的文件，因为lite-
server尝试使用该require功能加载模块。该配置应该是有效的Node模块：

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

请参阅源代码中的以下行：https : //github.com/johnpapa/lite-
server/blob/master/lib/lite-server.js#L20
。

默认情况下，此文件是从用户的项目文件夹中加载的。

编辑

在深入研究之后，我的答案的第一部分依赖于github上的代码，而不是实际使用npm install（版本1.3.4）安装的代码。

在这种情况下，有两种选择：

• port
• baseDir

使用此命令将解决您的问题：

$ lite-server --baseDir ./src --port 3333

希望对您有帮助，蒂埃里