Vue安装问题

Posted 2023-03-28

【中文标题】Vue安装问题

【英文标题】：Issues with Vue installation

【发布时间】：2021-06-04 23:08:24

【问题描述】：

我是 Vue 新手，这似乎是一个基本问题，但我被这个问题困住了：

根据文档，我已经使用 npm 安装了 Vue 3：

https://v3.vuejs.org/guide/installation.html#npm

我已将 Vue 包含到我的 html 文件中，如下所示：

<script src="../node_modules/vue/dist/vue.csj.js"></script>

但我在控制台中收到此错误：

vue.cjs.js:3 Uncaught ReferenceError: exports is not defined 在 vue.cjs.js:3（匿名）@ vue.cjs.js:3

我见过一些类似的问题，我知道这与浏览器兼容性和 webpack 有关；就像浏览器本身不能识别导入/导出命令，但似乎一切都安装正确，我不知道如何解决这个问题。我在文档中找不到任何有用的信息。

所以我的问题是

如何成功安装 Vue 并将其包含在我的工作文件中？

【参考方案1】：

我认为您没有正确遵循该指南。我建议您安装 Vue CLI，然后使用 cli 创建您的应用程序：

$ npm install -g @vue/cli - 安装cli

$ vue create my-app

https://cli.vuejs.org/

但是，如果您不想要 CLI，我建议您使用 CDN：

<script src="https://unpkg.com/vue@next"></script>

或者您可以将文件的内容复制到您的应用程序中，可能是vue.js (https://unpkg.com/vue@next)。

然后你在你的html上<script src="vue.js"></script>

【讨论】：

谢谢。实际上尝试过，但我最终放弃了，因为它给了我一个错误：vue command not found。可能这与路径有关。无论如何，我认为我可以直接使用 npm 而无需安装 CLI。感谢您的澄清。

【参考方案2】：

首先， npm install -g @vue/cli 之后， 在命令行上运行 vue ui 并创建一个项目

【讨论】：

谢谢。实际上尝试过，但我最终放弃了，因为它给了我一个错误：vue command not found。