生产模式中的错误

最近发布版本的时候遇到十分奇怪的错误。

初始,以为是依赖版本问题,偶尔,更改了依赖版本之后,问题也会消失。但是更多的依赖相继报错,我察觉到并非依赖版本问题,而是其他。

曾怀疑是否是webpack的使用问题,供应商重组代码是否使用错误,搜索相关问题,无果。

怀疑是否是babel转码问题,babel版本升级,搜索,尝试,无果。

怀疑是否是依赖版本更新过激,尝试降级版本,无果。

由此尝试回退代码,查看是在其中commit之后出现的问题。如下,

撤回到添加加载动画,构建成功,无错。

撤回到合并建立失败,报错。

git merge的时候发生了什么❓

尝试还原代码到添加加载动画,构建报错,报的不同依赖的错误。尝试呢。

接下来决定继续编辑代码,提交代码,查看接下来报什么错误。

O,WTF。

尝试回滚到不同位置的代码,报了不同的错误

继续记录:

删除node_modules,重新安装所有依赖

得到报错:

供应商解析错误

查看下载的js包,vendor.js压缩后只有20k,原先正常应该是120k,main.js正常,预览vendor.js内容是index.pug。vendor这个包有问题。

尝试去掉代码分解,重建成功。

几天之后,测试环境发布时出现错误

几个文件包都是错的

所有包都返回的是Index.html,与我本地运行node server.js相同。

发现相关问题。

有时发生“未捕获的SyntaxError:意外的令牌<”错误·问题#2882·webpack / webpack
webpack –一个用于javascript和朋友的捆绑器。 将许多模块打包到少数捆绑资产中。 代码拆分允许… github.com

检查pdist里的main.js,是正常的。重新发布一次,OK。