前端vue-admin-template编译后报错的问题处理

有个前端项目用的模板是：vue-admin-template，项目开发完成后，打包上线

npm run build:prod

打好包，部署到nginx后，访问，报下面的错

static/js/runtime.9ebc7ca5.js net::ERR_ABORTED 404 (Not Found)
Cannot assign to read only property 'exports' of object '#<Object>

很郁闷，在开发过程中，没有遇到过这种错误，一到上线部署后，为什么会这样。
而且以前也用过vue-admin-template做模板开发过一些小项目，也没遇到过这种错。
由于本人不是专业的前端开发工程师，只是某项目需要，而用了vue-admin-template做模板开发而已，遇到这种只能在网上找答案了。
解决方案：
修改babel.config.js文件，添加sourceType: 'unambiguous'，修改后的babel.config.js文件如下：

module.exports = {
  presets: [
    '@vue/app'
  ],
  sourceType: 'unambiguous'
}

再次编译，部署，问题解决。
一开始以为是因为没有生成static/js/runtime.9ebc7ca5.js这个文件引起的，因为到对应的目录找了，确实没有runtime相关的js文件生成。
问题解决之后，再到对应的目录还是没有runtime相应的文件生成，报404的问题还是存在，Cannot assign to read only property 'exports' of object '#<Object>问题不存在了，页面已经能正常访问了。
暂时处理到此了，runtime的问题，先不处理了，有知道原因的小伙伴也可以在评论区留言告诉我。

参考资料：
https://blog.csdn.net/Timeguys/article/details/106785389
https://www.cnblogs.com/qingcui277/p/12244844.html