gpt4 book ai didi

google-chrome - 无法将 Chrome Live Edit 与 Webpack 源映射一起使用

转载 作者:行者123 更新时间:2023-12-05 07:27:49 27 4
gpt4 key购买 nike

我有一个 webpack 4 配置,可以为我的应用程序的 JavaScript 生成源映射。在 Chrome 中调试我的应用程序时,会加载源映射,这样我就可以看到我的统一代码。我将在函数中设置一个断点,然后在源选项卡中对代码进行编辑。我按下 CMD+S 以保存我的编辑。

通常,我希望 Chrome 在处理我的编辑时稍微思考一下,然后我可以继续调试我的代码更改 session 。

但这并没有发生。我在“源”选项卡中的文件旁边看到一个黄色的小图标,上面写着“对此文件的更改未保存到文件系统”。调试 session 继续进行,我的代码没有更改。

我已经为 devtools 尝试了不同的选项,例如 cheap-module-source-mapcheap-module-eval-source-map > 我的 webpack 配置中的选项。

有什么建议吗?谢谢!

最佳答案

我有一些工作!

我最终在 reddit 上发布了同样的问题并得到了一些帮助。 https://www.reddit.com/r/learnjavascript/comments/a98gh1/cannot_use_chrome_live_edit_with_webpack_source/

You need to add your project's directory to save changes in the source.

Here are the steps:

Open dev tools

Click on the 3 vertical dots on the far-right beside X which brings up a menu. Click on Settings

Click on Workspace

Add your Project's directory

Refresh the page, and you should be able to save your changes now.

Hope this helps.

奇怪的是,我能够从工作区中删除我的项目目录,并且仍然能够对我的源映射进行实时编辑!

关于google-chrome - 无法将 Chrome Live Edit 与 Webpack 源映射一起使用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/53806276/

27 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com