有個(gè)前端項(xiàng)目用的模板是：vue-admin-template，項(xiàng)目開發(fā)完成后，打包上線

npm run build:prod

打好包，部署到nginx后，訪問，報(bào)下面的錯(cuò)

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

很郁悶，在開發(fā)過程中，沒有遇到過這種錯(cuò)誤，一到上線部署后，為什么會(huì)這樣。
而且以前也用過vue-admin-template做模板開發(fā)過一些小項(xiàng)目，也沒遇到過這種錯(cuò)。
由于本人不是專業(yè)的前端開發(fā)工程師，只是某項(xiàng)目需要，而用了vue-admin-template做模板開發(fā)而已，遇到這種只能在網(wǎng)上找答案了。
解決方案：
修改babel.config.js文件，添加sourceType: 'unambiguous'，修改后的babel.config.js文件如下：

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

再次編譯，部署，問題解決。
一開始以為是因?yàn)闆]有生成static/js/runtime.9ebc7ca5.js這個(gè)文件引起的，因?yàn)榈綄?duì)應(yīng)的目錄找了，確實(shí)沒有runtime相關(guān)的js文件生成。
問題解決之后，再到對(duì)應(yīng)的目錄還是沒有runtime相應(yīng)的文件生成，報(bào)404的問題還是存在，Cannot assign to read only property 'exports' of object '#<Object>問題不存在了，頁面已經(jīng)能正常訪問了。
暫時(shí)處理到此了，runtime的問題，先不處理了，有知道原因的小伙伴也可以在評(píng)論區(qū)留言告訴我。

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