如何调试Angular通用?

时间:2018-03-02 22:11:25

标签: node.js angular angular-universal

我正在使用Angular Universal Starter回购。在angular 4 universal for ssr中,我们可以在开发模式下调试应用程序的浏览器和节点部分(参见控制台),但现在我没有看到调试节点部分的方法。我尝试执行ts-node server.ts一些更改(文件路径等),但angular似乎需要 aot 编译的应用程序和

  

抛出错误:你必须传入一个NgModule或NgModuleFactory   自举。

来自docs:

  

开发(仅客户端渲染)     - 运行npm run start,它将启动服务

     

生产(也用于本地测试SSR /预渲染)    - npm run build:ssr&& npm run serve:ssr

乍一看,开发中的Node.js上的调试不起作用。至少从盒子里出来。可能有人解决了这个问题。

2 个答案:

答案 0 :(得分:0)

您无法在浏览器中调试Angular 4应用程序的节点部分。节点在服务器端工作,因此您无法在浏览器(客户端)中看到它。

ts-node server.ts启动此部分时,对其进行调试的唯一方法是使用WebStorm等外部工具。如果从Debug mode以TS模式启动您的App,则可以使用此工具的所有功能

答案 1 :(得分:0)

要创建服务器端应用程序模块app.server.module.ts,请运行以下CLI命令。

ng add @nguniversal/express-engine

要在本地系统上开始使用Universal渲染应用,请使用以下命令。

npm run dev:ssr