打包项目的时候出错,已排除项目的问题,求问如何打断点调试? 谢谢!
按照帖子里大佬们的指导,用DEBUG=* 的方法测试,运行了一段时间后卡住,结果如下:
......
eslint:linter Generating fixed text for 文件名 (pass 1) +5s
eslint:text-fixer Applying fixes +5s
eslint:text-fixer shouldFix parameter was false, not attempting fixes +0ms
building for prod environment...
每次的文件名都不一样,能看出是什么问题吗?
1
murmur 2021-04-23 10:11:40 +08:00
package.json 里不是写了 build 对应哪条指令,直接进那个文件执行就是了啊
|
2
murmur 2021-04-23 10:12:36 +08:00
硬刚 webpack 和 babel,先佩服楼主的勇气,祝好运,我是没这个勇气,一般遇到这个情况我直接把以前的依赖全回滚
|
3
DOLLOR 2021-04-23 10:22:02 +08:00
这种问题出错一般是先移走 node_modules 再执行一遍 npm install 试试吧。
|
4
waiaan OP |
5
geylnu 2021-04-23 11:11:16 +08:00
看报错去 github 搜 issue,大部分问题都是相似的
|
6
qqqq11 2021-04-23 11:14:27 +08:00
报什么错
|
7
Curtion 2021-04-23 11:26:49 +08:00
一般看错误日志就可以解决大部分问题,真要打断点的话一般 npm run build 调用的是 node_modules/.bin/webpack,最后实际上也是通过 node 在调用 js,你自己设定一下使用 node debug 调试就行了。
|
8
waiaan OP |
9
phobal 2021-04-23 12:37:43 +08:00 via iPhone
切到上一次能正常 build 的版本试试,如果可以说明是这次迭代出了问题,然后再去慢慢删代码,最小范围化排查问题。
|
10
ycr6708536 2021-04-23 13:18:42 +08:00
webstrom
|
11
hyrious 2021-04-23 13:39:11 +08:00
建议先把 node_modules 删了重新 npm install 一下,然后加个环境变量 DEBUG=* 跑 npm run build 试试
|
12
LokiSharp 2021-04-23 13:42:31 +08:00
WebStorm 直接打断点跑不就好了 右键点 npm 里的命令 debug
|
13
TomatoYuyuko 2021-04-23 13:44:00 +08:00
把依赖都删了重新 install,或者换 yarn 试试
|
14
IsaacYoung 2021-04-23 14:00:58 +08:00
vscode 不是可以直接 debug npm scripts 了吗
|
15
donlian 2021-04-23 14:42:56 +08:00
设置一下 DEBUG=* npm run build 看下日志走到哪里去了
ps: debug 是大部分的日志工具包 |
17
hyrious 2021-04-23 15:47:21 +08:00
|
19
gbin 2021-04-23 15:59:42 +08:00 via Android
不介意微信联系,我来帮忙看看? U3luY2hlcl9QeWxvbg==
|
20
jinliming2 2021-04-24 01:00:37 +08:00
断点调试方法:先看你的 package.json 里 build 的脚本怎么写的。然后用 node --inspect-brk 去执行。
比如,如果是 webpack 的话,就 node --inspect-brk ./node_modules/.bin/webpack 参数 通过 node 的 inspect-brk 参数启动后,node 会自动断点断在 webpack 入口的第一行。这时打开 Chrome,随便一个页面打开 devTools,在左上角会出现一个绿色的 Node.JS 图标(在切换手机显示模式按钮的右边),点击后就会自动连接到 node 的 debug,然后进 source 标签下单步执行就行了。 |
21
w4ngzhen 2021-04-24 07:59:01 +08:00
npm run 的时候,添加'--verbose'呀,会有很多信息。
|