egg + vue + ts 的项目，只要npm run debug 就会卡在一个webpack努力编译中的页面，求解！！！！ about easywebpack HOT 12 CLOSED

@hubcarl 大神方便解答下吗？

from easywebpack.

@ycvcb123 你什么系统? 我明天试试

from easywebpack.

@ycvcb123 你什么系统? 我明天试试

from easywebpack.

@hubcarl easywebpack-cli 选下面的配置，新建的项目，npm run debug就会出现上面在编译中的情况

from easywebpack.

@ycvcb123 是vscode直接调试还是chrome方式调试，chrome方式试了下，没有问题，vscode得再试试

from easywebpack.

@hubcarl 我这边也有一样的问题

不知道你说的chrome的调试方式没问题是指用chrome就能正常调试吗？

但是用debug模式运行时，请求页面卡在了这个页面上

请求感觉还没有到egg的进程，怎么调试？

from easywebpack.

@hubcarl vscode直接调试就会卡住

from easywebpack.

感觉像是前端资源的构建卡住了

from easywebpack.

chrome 可以调试 devtools://devtools/bundled/inspector.html?experiments=true&v8only=true&ws=127.0.0.1:9999/ws_proxy

from easywebpack.

@ycvcb123 断点打在哪里？ controller 里面？

from easywebpack.

easy-team/egg-vue-typescript-boilerplate#14

from easywebpack.

chrome 可以调试 devtools://devtools/bundled/inspector.html?experiments=true&v8only=true&ws=127.0.0.1:9999/ws_proxy

@hubcarl 详细情况是这样的

1. npm run debug, 没有报错能运行
2. 打开 chrome://inspect 也能看到对应的debugger进程（见下图1）

问题是

1. 进到chrome的devtools，在source下并看不到任何业务代码文件，使用 command + p 也搜索不到任何业务代码文件，只能看到node_modules的文件（见下图2） 现在使用 devtools://devtools/bundled/inspector.html?experiments=true&v8only=true&ws=127.0.0.1:9999/ws_proxy 能正常在devtools中定位到业务代码了
2. 前端页面卡住了，卡在那个 webpack 正在努力编译中... 的页面，我想调试 egg 服务，那前端的请求都写好了，我就是想打开前端页面由前端发送请求出去，但现在 npm run debug 时，前端页面根本打不开（下见图3），难道只能启动debug然后用postman一类的工具构造请求吗。

图1

图2

图3

from easywebpack.