奇异问题之解决思路(一) npm run dev或npm run buil报错,单独运行scripts又正常?

问题描述

我想使用rollup打包自己写的一个工具类库,于是手动搭建了一个rollup工程(工程源码详见评论地址分享)
全局安装rollup:npm install rollup -g
进入工程安装各项依赖,编辑配置文件,执行rollup -c -w可正常监听 src 目录,实时构建
将上述命令写入package.json文件中的scripts字段里,执行:npm run dev报错,字面意思是读取package.json失败
同样的rollup -c打包正常,npm run build读取package.json失败
问题就这样莫名其妙的产生了

分析产生原因

  1. 仔细检查package.json是否有写的不正确的地方 => 并没有
  2. 检查其他模块运行是否正常:执行npm run lint,可正常使用eslint检测代码规范 => 结论:package.json肯定没问题
  3. 跟打包相关的就只有另外一个项目配置文件了,但是rollup -c命令又是正常,说明我们的配置文件正确 => 此时的我已经处于崩溃边缘,休息一个周末再说!
  4. 最后可能存在的问题就是依赖包版本不正确,全局的rollup命令正常的,那么查看一下全局版本:rollup -v => 0.66.6,在检查下本地的版本(package.json中的devDependencies有记录)为0.38.0
  5. => 难道是因为这点儿版本号的差距导致的吗?不能忍,将package.json中的rollup版本号改为0.66.6,并去掉前面的^符号,删除node_modules目录,重新安装依赖
  6. 执行npm run build => 正确的打包了我们的项目!!!,至此问题原因和解决方法都有了

小小总结下吧

  1. 遇到此类问题要仔细的分析产生的原因,知道原因了自然就有解决办法了
  2. 分析原因的方法:由小到大,先自己在他人,先局部在整个项目分析。
  3. 简单理解:先看看执行的命令语句是否有问题,第二步再看调用该语句的文件是否有问题(这里的package.json),最后再看整个项目的配置是否不正确(包括项目配置文件、项目依赖、包文件目录路径等)

愿佛祖保佑大家无难解决的问题&Bug

                     _ooOoo_",
                    o8888888o",
                    88\" . \"88",
                    (| -_- |)",
                    O\\  =  /O",
                 ____/`---'\\____",
               .'  \\\\|     |//  `.",
              /  \\\\|||  :  |||//  \\",
             /  _||||| -:- |||||-  \\",
             |   | \\\\\\  -  /// |   |",
             | \\_|  ''\\---/''  |   |",
             \\  .-\\__  `-`  ___/-. /",
           ___`. .'  /--.--\\  `. . __",
        .\"\" '<  `.___\\_<|>_/___.'  >'\"\".",
       | | :  `- \\`.;`\\ _ /`;.`/ - ` : | |",
       \\  \\ `-.   \\_ __\\ /__ _/   .-` /  /",
  ======`-.____`-.___\\_____/___.-`____.-'======",
                     `=---='",
  ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^",
           佛祖保佑       永无BUG"
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
解决 "npm run dev" 报错问题时,可以采取以下几个步骤: 1. 检查错误信息:首先,查看报错信息,确定具体的错误原因。报错信息通常会提供一些关键信息,例如文件路径、错误代码或者具体的错误描述。根据这些信息,可以更容易地定位并解决问题。 2. 检查依赖项:如果报错信息中涉及到依赖项,可以检查项目的依赖项是否正确安装并且版本是否匹配。可以使用命令 "npm ls" 来查看项目的依赖关系树,并确保所有依赖项都正确安装。 3. 清除缓存:有时候,报错可能是由于缓存引起的。可以尝试使用命令 "npm cache clean --force" 来清除 npm 的缓存,并重新运行 "npm install" 来重新安装依赖项。 4. 检查配置文件:如果项目中有配置文件(如 webpack.config.js),请确保配置文件正确配置,并且所需的插件和加载器已经正确安装。有时候,报错可能是由于配置文件中的错误引起的。 5. 更新依赖包:有时候,报错可能是由于依赖包版本不兼容或者存在 bug 引起的。可以尝试更新项目的依赖包到最新版本,可以使用命令 "npm outdated" 来检查过期的依赖包,并使用 "npm update" 来更新依赖包。 6. 检查环境变量:如果项目依赖于某些环境变量,例如数据库连接信息或者 API 密钥,在运行 "npm run dev" 之前,请确保这些环境变量正确配置。 这些步骤可以帮助你解决 "npm run dev" 报错问题。根据具体的错误信息和情况,可以逐步排查问题,并采取相应的解决方案。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值