不知道为什么在Firebase中构建后，为什么我的Vue应用程序build.js文件显示为index.html文件

Question

将Vue应用程序部署到Firebase后，似乎build.js文件与index.html文件相同。当我访问网站时，我什么也没得到。查看控制台，在build.js的第1行出现错误Uncaught SyntaxError: Unexpected token <。 如果在打开“网络”选项卡的情况下重新加载它，则会看到build.js被列为资源，但是当我单击它时，它显示的内容与index.html相同。 （build.js文件实际上是我最终构建后的js）。

这是我第一次使用Firebase，因此不确定在firebase.json（我刚从教程中复制的内容）中是否做错了什么：

{
    "hosting": {
        "public": "./dist",
        "ignore": [
            "firebase.json",
            "**/.*",
            "**/node_modules/**"
        ],
        "rewrites": [{
            "source": "**",
            "destination": "/index.html"
        }]
    }
}

我没有使用任何其他firebase工具。

感谢您的见解。

Answer 1

您的firebase.json应该看起来像这样：

hosting": {
    "public": "dist",
    "ignore": [
      "firebase.json",
      "**/.*",
      "**/node_modules/**"
    ],
    "rewrites": [
      {
        "source": "**",
        "destination": "/index.html"
      }
    ]
  },

运行firebase deploy --only hosting，它应该很好。来源here

确保该命令的输出看起来像这样：

=== Deploying to 'your-project-name'...

i  deploying hosting
i  hosting[zero-to-prod-test]: beginning deploy...
i  hosting[zero-to-prod-test]: found 16 files in public/build <---- THIS TELLS YOU IF THE FILES ARE BEING COPIED
✔  hosting[zero-to-prod-test]: file upload complete
i  hosting[zero-to-prod-test]: finalizing version...
✔  hosting[zero-to-prod-test]: version finalized
i  hosting[zero-to-prod-test]: releasing new version...
✔  hosting[zero-to-prod-test]: release complete

这种可以调试的方式在数据传输中是错误的。

根据您的情况，您的index.html指向引起问题的dist/build.js的{​​{1}}中间位置，因此它看起来不像是Firebase问题，而是Webpack问题。检查您的资产生成过程。