Question

我有一个Vue应用程序，我安装了Firebase工具并将该应用程序上载到Firebase托管，第一次完成后，我进行了npm run build和firebase deploy，但是当我意识到有任何变化时，随后做npm run serve或build或firebase deploy我有下一个错误：

Template execution failed: ReferenceError: features is not defined

  ReferenceError: features is not defined

  - index.html:4 eval
    [.]/[html-webpack-plugin]/lib/loader.js!./public/index.html:4:10

  - index.html:7 module.exports
    [.]/[html-webpack-plugin]/lib/loader.js!./public/index.html:7:3

  - index.js:284 Promise.resolve.then
    [real]/[html-webpack-plugin]/index.js:284:18


  - next_tick.js:188 process._tickCallback
    internal/process/next_tick.js:188:7

有什么主意吗？我不知道为什么这个问题成功。谢谢。

Answer 1

在安装firebase工具时，它会为您生成一个公用文件夹。在该公用文件夹中，有一个index.html文件（此文件是导致错误的原因）。只需删除index.html文件中的所有内容，然后替换为您自己的内容即可。

Answer 2

在托管的firebase.json文件中，将"public": "public"更改为"public": "dist" 安装Firebase时，它更改了文件public / index.html，原始版本如下所示：

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width,initial-scale=1.0">
    <link rel="icon" href="<%= BASE_URL %>favicon.ico">
    <title>hello-world-vuetify</title>
    <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700,900">
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@mdi/font@latest/css/materialdesignicons.min.css">
  </head>
  <body>
    <noscript>
      <strong>We're sorry but hello-world-vuetify doesn't work properly without JavaScript enabled. Please enable it to continue.</strong>
    </noscript>
    <div id="app"></div>
    <!-- built files will be auto injected -->
  </body>
</html>

替换内容，它对我有用

错误：在Firebase托管中部署VueJS应用

2 个答案: