跨设备环境配置后npm安装报错EINVALIDTYPE及grunt构建停滞问题

嘿，我来帮你拆解下你遇到的这两个问题，先从那个npm的错误入手——它大概率是环境配置出问题的核心原因，再来看grunt的停滞问题。

一、npm install 报错（EINVALIDTYPE） #

你遇到的错误提示是Argument #5: Expected object but got string，这个问题一般和npm的锁文件格式异常、缓存脏数据有关，试试下面的步骤：

• 先删掉项目根目录下的package-lock.json、npm-shrinkwrap.json文件，还有整个node_modules文件夹
• 清理npm的缓存：

  npm cache clean --force
  

• 重新执行npm install，看看能不能正常安装依赖
• 如果还是不行，检查你的package.json文件，有没有依赖项的版本号或配置写错（比如把本该是对象的配置写成了字符串）
• 另外，也可以尝试把npm升级到最新稳定版：

  npm install -g npm
  

附你提供的完整错误日志：

npm ERR! typeerror Error: Argument #5: Expected object but got string
npm ERR! typeerror at inflatableChild (C:\Users\YouStable\AppData\Roaming\npm\node_modules\npm\lib\install\inflate-shrinkwrap.js:93:3)
npm ERR! typeerror at BB.each (C:\Users\YouStable\AppData\Roaming\npm\node_modules\npm\lib\install\inflate-shrinkwrap.js:55:12)
npm ERR! typeerror at tryCatcher (C:\Users\YouStable\AppData\Roaming\npm\node_modules\npm\node_modules\bluebird\js\release\util.js:16:23)
npm ERR! typeerror at Object.gotValue (C:\Users\YouStable\AppData\Roaming\npm\node_modules\npm\node_modules\bluebird\js\release\reduce.js:155:18)
npm ERR! typeerror at Object.gotAccum (C:\Users\YouStable\AppData\Roaming\npm\node_modules\npm\node_modules\bluebird\js\release\reduce.js:144:25)
npm ERR! typeerror at Object.tryCatcher (C:\Users\YouStable\AppData\Roaming\npm\node_modules\npm\node_modules\bluebird\js\release\util.js:16:23)
npm ERR! typeerror at Promise._settlePromiseFromHandler (C:\Users\YouStable\AppData\Roaming\npm\node_modules\npm\node_modules\bluebird\js\release\promise.js:512:31)
npm ERR! typeerror at Promise._settlePromise (C:\Users\YouStable\AppData\Roaming\npm\node_modules\npm\node_modules\bluebird\js\release\promise.js:569:18)
npm ERR! typeerror at Promise._settlePromiseCtx (C:\Users\YouStable\AppData\Roaming\npm\node_modules\npm\node_modules\bluebird\js\release\promise.js:606:10)
npm ERR! typeerror at _drainQueueStep (C:\Users\YouStable\AppData\Roaming\npm\node_modules\npm\node_modules\bluebird\js\release\async.js:142:12)
npm ERR! typeerror at _drainQueue (C:\Users\YouStable\AppData\Roaming\npm\node_modules\npm\node_modules\bluebird\js\release\async.js:131:9)
npm ERR! typeerror at Async._drainQueues (C:\Users\YouStable\AppData\Roaming\npm\node_modules\npm\node_modules\bluebird\js\release\async.js:147:5)
npm ERR! typeerror at Immediate.Async.drainQueues [as _onImmediate] (C:\Users\YouStable\AppData\Roaming\npm\node_modules\npm\node_modules\bluebird\js\release\async.js:17:14)
npm ERR! typeerror at processImmediate (timers.js:638:19)
npm ERR! typeerror This is an error with npm itself. Please report this error at:
npm ERR! typeerror <https://npm.community>
npm ERR! A complete log of this run can be found in:
npm ERR! C:\Users\YouStable\AppData\Roaming\npm-cache\_logs\2019-03-30T00_58_00_673Z-debug.log

二、grunt build 处理图片后停滞 #

这个问题通常和图片处理任务（比如grunt-contrib-imagemin）有关，可能是图片损坏、插件配置或版本问题导致的，按下面的方法排查：

• 先检查你的图片资源文件夹，有没有损坏的图片（比如打不开的、格式异常的文件），可以临时移除部分图片，测试build是否能继续
• 尝试在grunt配置里临时禁用图片处理任务，执行grunt build看看是否能正常完成，如果可以，那就是图片处理插件的问题
• 升级grunt-contrib-imagemin到最新版本，或者检查它的配置参数（比如是否设置了过高的压缩级别导致超时）
• 执行grunt build --verbose，查看更详细的日志输出，定位到底是哪一步卡住了

内容的提问来源于stack exchange，提问作者Rajesh Chauhan