在ansi-term中安裝npm包時弄錯了進度條

Question

我對所有npm和yeoman需求都使用ansi-term，因爲它有時會顯示shell模式無法處理的對話框。它工作得很好，直到我安裝了一個軟件包，它出現了一個搞砸的下載進度條。赦免難看的輸出，但它看起來像這樣：

pngquant-bin@0.1.6安裝後/用戶/ avendael/TMP /溜溜角/ node_modules/pngquant斌 節點LIB/check.js

pngquant：下載[] 3％0.0S pngquant： 下載[] 3％0.2秒pngquant：下載[
] 6％6.7s pngquant：下載[] 6％6.2s
pngquant：下載[=] 9 ％8.2s pngquant： 下載[=] 10％7.6s pngquant：下載[= ] 12％7.6s pngquant：下載[==
] 13％8.2s pngquant：正在下載[==] 15％7.0s pngquant：正在下載[==] 16％6.9s pngquant：正在下載[===] 19％6.8s pngquant： 正在下載[===] 19％7.1s pngquant：下載 [===] 22％6.5s pngquant：下載[====
] 23％6.2s pngquant：下載[====] 25％6.4s
pngquant：下載[====] 26％6.3s pngquant： 下載[=====] 28％5.9s pngquant：下載 [=====] 29％6.3s pngquant：下載[=====
] 31％6.0 pngquant：下載[=====] 32％5.9s
pngquant：正在下載[======] 34％5.7s pngquant： 下載[======] 36％5.6s pngquant：正在下載 [=======] 38％5.5s pngquant：正在下載[=======
] 39％5.3s pququant ：下載[=======] 41％5.2s
pngquant：下載[=======] 42％5.1s pngquant： 下載[======= =] 44％ 4.9s pngquant：下載[========] 45％4.7s pngquant：下載[========] 47％4.6s
pngquant：正在下載[======== =] 49％4.5s pngquant： 下載ing [=========] 50％4.3s pngquant：下載 [=========] 52％4.1s pngquant：下載[=] =========
] 53％4.0s pngquant：正在下載[==========] 55％3.8 s
pngqua nt：正在下載[==========] 57％3.7s pngquant： 正在下載[===========] 58％3.5s pngquant：正在下載 [= ==========] 60％3.4s pngquant：下載[===========
] 62％3s pngquant：正在下載[======== ====] 63％3.1s
pngquant：正在下載[============] 65％2.9s pngquant： 正在下載[============] 66％2.8s pngquant：下載 [============= ] 68％2.6s pngquant：下載[=============] 69％2.5s pngquant：下載[=============] 71％2.3s pngquant： 下載[==============] 73％2.2s pngquant：下載[ == ============] 75％2.0s pngquant：下載[==============] 76％1.9s pngquant：下載[===============] 78％1.7s
pngquant：下載[===============] 79％1.6s pngquant：dow nloading [===============] 81％1.4s pngquant：正在下載 [===============] 82％1.3s pngquant：正在下載 [================] 84％1.2s pngquant：下載 [================] 85％1.1sp ngquant：download [=================] 92％0 。6s pngquant：下載 [===================] 98％0.1s pngquant：正在下載 [=============== ====] 100％0.0S

✓順利通過預生成測試pngquant-bin@0.1.6 node_modules/pngquant斌

我嘗試過了在終端和它看起來像一個正常的進度條，隨着下載的繼續向右移動。

我還試圖安裝在同一封裝內殼模，和輸出（同樣，赦免醜陋）看起來像這樣：

pngquant-bin@0.1.6安裝後/用戶/ avendael/TMP /溜溜角/ node_modules/pngquant斌 節點LIB/check.js

[1G [0J [1G pngquant：下載[] 3％ 0.0S [1G [0J [1G pngquant：下載[] 3％ 0.2s [1G [1G [1G] [1G [1G]] [下載[]]下載[] 9％6.2s [1G [1G] [0J [1G pngquant：下載[=] 10％ 5.7 [1G [1G] [1G [0G] [1G [0G] [1G [0G] [1G pngquant：下載[==] 15％ 6.2s [1G [1J] [1G [1G [0G] [1G [0G] [1G [0G] [1G [ ] 19％5.0s [1G [0J [1G pngquant：download [===] 22％4.6s [1G [0J [1G pngquant：download [====] 23％4.4s [1G pngquant：下載[====] 25％6.1s [1G [0J [1G pngquant：下載[====] 26％5.8s [1G [0J [1G pngquant：下載[=====] 32％4.4s [1G [1G pngquant：下載[=======] 39％3.3s [1G [0J [1G pngquant：下載[=======] 41％3.2s [1G [0J [1G pngquant：下載[=======] 42％3.1s [1G [0J [1G pngquant：下載[========] 44％2.9s [1G [0J [1G pngquant： =======] 45％2.8s [1G [0J [1G pngquant：下載[========] 47％2.7s [1G [0J [1G pngquant：download [===== ====] 49％2.6s [1G [0J [1G pngquant：下載[=========] 50％2.5s [1G [0J [1G pngquant：下載[=========] 52％2.5s [1G [0J [1G pngquant：download [==========] 53 ％2.4s [1G [1J pngquant：下載[==========] 55％2.2s [1G [0J [1G pngquant：download [==========] 57 ％2.1s [1G [0J [1G pngquant：下載[===========] 58％2.0s [1G [0J [1G pngquant：download [=========== ] 60％2.0s [1G [0J [1G pngquant：下載[===========] 62％1.9s [1G [0J [1G pngquant：download [========= ===] 63％1.8s [1G [0J [1G pngquant：下載[============] 65％1.7s [1G [0J [1G pngquant：download [===== =======] 66％1.6s [1G [0J [1G pngquant：下載[=============] 68％1.5s [1G [0J [1G pngquant： =============] 69％1.5s [1G [0J [1G pngquant：下載[=============] 71％1.3s [1G [0J [1G pngquant：下載[==============] 73％1.3s [1G [0J [1G pngquant：下載[==============] 75％1.2s [1G [0J [1G pngquant：下載[==============] 76％1.1s [1G [0J [1G pngquant：download [======= ========] 78％1.0s [1 G [0J [1G pngquant：下載[===============] 79％1.0s [1G [0J [1G pngquant：download [=========== ====] 81％0.9s [1G [0J [1G pngquant：下載[===============] 82％0.8s [1G [0J [1G pngquant： ===============] 84％0.7s [1G [0J [1G pngquant：下載[================] 85％0.7 s [1G [0J [1G pngquant：下載[=================] 88％0.6s [1G [0J [1G pngquant：download [======= ==========] 88％0.5s [1G [0J [1G pngquant：下載[=================] 91％0.4s [1G [ 0J [1G pngquant：下載[=================] 92％0.4s [1G [0J [1G pngquant：download [=========== =======] 94％0.3s [1G [0J [1G pngquant：下載[==================] 95％0.2s [1G [0J [ 1G pngquant：下載[==================] 97％0.1s [1G [0J [1G pngquant：下載[============ =======] 98％0.1s [1G [0J [1G pngquant：下載[===================] 100％0。0

✓構建預試車成功

通過這幾乎是相同的，但這個時候，有各條後^[[1G^[[0J ^[[1G。任何想法是什麼造成這個？

這裏是ANSI-方面的stty的樣子：

speed 9600 baud; 
lflags: echoe echoke echoctl pendin 
oflags: -oxtabs 
cflags: cs8 -parenb 
erase kill  
<undef> <undef> 

殼模式是這樣的：

speed 9600 baud; 
lflags: -echo echoe echoke echoctl 
oflags: -onlcr -oxtabs 
cflags: cs8 -parenb 
erase kill  
<undef> <undef> 

OSX終端的stty的：

speed 9600 baud; 
lflags: -echo echoe echoke echoctl 
oflags: -onlcr -oxtabs 
cflags: cs8 -parenb 
erase kill  
<undef> <undef> 

Answer 1

禁用微調。要做到這一點最簡單的方法是：

$ npm config set spin false 

如果顏色是一個問題：

$ npm config set color false 

最後，如果你有你的JavaScript提示問題：

$ export NODE_NO_READLINE=1 
$ node 
> 

希望這有助於。