首先確認你已經熟悉這篇文章的啟動方式：SAP Spartacus develop branch 的服務器端渲染啟動方式。

第一步

添加一個新的 build script，把 --configuration production 去掉：

"build:libs:dev": "ng build core && ng build storefrontlib && yarn build:schematics && yarn build:user && yarn build:cart && yarn build:order && yarn build:checkout && yarn build:asm && yarn build:tracking && concurrently --kill-others-on-fail -m 4 yarn:build:organization yarn:build:product yarn:build:product-configurator yarn:build:storefinder yarn:build:smartedit yarn:build:qualtrics yarn:build:assets yarn:build:incubator yarn:build:cdc yarn:build:cds yarn:build:setup yarn:build:digital-payments",

然后 yarn build:libs:dev, 這會在 dist 文件夾下生成對應的文件夾。

里面全是 build 之后的文件：

構建完成：

第二步

然后構建 StorefrontApp：

yarn build:dev

顯式加上 --configuration development

最后 StorefrontApp 文件夾里的構建結果：

第三步

“build:ssr:dev”: “env-cmd --no-override -e dev,b2c,$SPA_ENV ng run storefrontapp:server:jerrydev”, – 注意，后面通過驗證發現，這個配置行不通

確保生成了對應的 source code map 文件：

最后啟動失敗：

解決辦法：還是用 production 這個 configuration：

只要把 sourceMap 設成 true 就會 out of memory.

所以這一步還是只能 fallback 成標準的 yarn build:ssr

最后 yarn serve:ssr:dev 啟動：

現在就可以開始調試了。上圖是應用在瀏覽器環境里的調試。

如果修改了代碼之后，可以使用下面的命令行，重新構建：

一行命令讓 Spartacus 源代碼修改之后重新構建

set SSR_TIMEOUT=1981231&& yarn build:libs:dev&& yarn build:dev&& yarn build:ssr&& yarn serve:ssr:dev

更多Jerry的原創文章，盡在：“汪子熙”:

總結

以上是生活随笔為你收集整理的SAP Spartacus UI 服务器端渲染的调试启动方式 - debug 模式的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。