vuejs 没有构建生产代码警告答案

【问题标题】：vuejs without build production code warningvuejs 没有构建生产代码警告
【发布时间】：2022-08-04 14:24:41
【问题描述】：

我正在使用 vuejs 制作一个简单的页面。虽然我可以在没有任何框架的情况下制作类似的页面，但我想尝试 vuejs，现在它几乎可以生产了。

事情是它只是单个 js 和 html 文件，它会引发以下警告。

您正在运行 Vue 的开发版本。确保在部署生产时使用生产构建 (*.prod.js)。

假设我想保持这种方式，如何删除此警告并获取单页 html 和 js 文件？

// main.js
  const { createApp } = Vue

  createApp({
    data() {
      return {
        message: \'Hello Vue!\'
      }
    }
  }).mount(\'#app\')

<!-- index.html -->

<!doctype html>
<html lang=\"en\">

<head>
    <meta charset=\"utf-8\">
    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1\">
    <link href=\"styles.css\" rel=\"stylesheet\">
</head>
<body>
    <div id=\"app\">
        <h1>{{ message }}</h1>
    </div>

    <script src=\"https://unpkg.com/vue@3\"></script>
    <script src=\"main.js\"></script>
</body>

</html>

- index.html
- assets
-- js
--- main.js
-- css
--- styles.css

您的帖子缺少有关您如何构建应用程序的信息。您是否使用 vue-cli 您是否使用纯 html 何时发生此错误 usw。没有它，您无法重现为什么会发生这种情况。
您完全不必担心这个警告。它不会破坏您的应用程序。如果你想摆脱它 - 只需使用 Vue 脚本文件的 *.prod.js 版本。
@Lalaluka，我编辑了这个问题。我没有使用 vue-cli 什么的。 js文件中只是普通的vuejs。
我不太确定，但我敢打赌，警告来自您正在使用的来源：https://unpkg.com/vue@3。我会从 CDN 中寻找生产版本，我相信那会删除警告。
@IVOGELOV，我检查了*.prod.js 的文档。不幸的是，CDN unpkg.com 对我来说不是很清楚。后来我发现https://unpkg.com/vue@xx-version-xx/dist/vue.global.prod.js 正在工作。谢谢您的帮助。

标签： javascript vue.js

【解决方案1】：

正如@IVO GELOV 所建议的，并在指南here 中提到，它现在对我有用。

使用下面的 url 进行生产使用并删除警告。

https://unpkg.com/vue@3/dist/vue.global.prod.js

【讨论】：