如何使源地圖在使用webpack和angular5的jhipster應用程序的chrome中工作？

Question

我已經生成了一個JHipster Gateway項目，它是一個帶有Angular5前端的Java Spring應用程序。 JHipster使用WebPack配置Angular應用程序。

我在調試調試以使用Angular應用程序時遇到麻煩。 我有一段時間沒有這樣做了，所以這可能是菜鳥的錯誤，因此我正在尋找可以得到的任何幫助。

開發環境的WebPack配置文件中有一行用於配置源映射，其中包含以下內容：

module.exports = webpackMerge(commonConfig({ env: ENV }), {
devtool: 'eval-source-map',

據我了解，我應該在“源”選項卡中看到webpack：//，但沒有看到。

任何人都可以向我指出正確的方向，這可能是WebPack問題，而不是jhipster問題。

還有其他我需要做的事情來調試chrome中的打字稿嗎？

非常感謝你的幫助！

Answer 1

糟糕...我的糟糕...太尷尬了。

我沒有意識到Webpack構建失敗，因為我更改了節點版本，並且需要重新安裝節點模塊才能使sass處理器正確構建。 看起來SASS處理在Webpack構建中失敗了，我猜這是在生成源映射之前發生的。

解決問題后，我確實在chrome的“源”選項卡中看到了源映射和webpack：//。

對於那個很抱歉