问题标签 [vue-cli-3]

我从头开始并使用 cli 3 使用 vue 的默认创建项目。一切都很好，但是我注意到 chunk-vendors.js 文件包含 vue.js.min。我不想包含该文件，如何告诉 vue 不要将其包含在生产版本中？

我想找到一种方法在我的 Vue 组件中包含一个 SVG 文件（社交媒体图标），然后将其内联以减少 http 请求。

在我的上一个项目中，我只是像这样将 svg 元素直接粘贴到 Vue 组件中，如果我想将该图标更改为其他东西，这不是一种可持续的方法：

我相信这将需要使用 webpack 配置。svg文件应该存储在哪里？在public文件夹还是assets文件夹？任何关于如何在 vue-cli 3 项目中处理包括 SVG 的指针都会很棒！

我刚刚开始将 Vue CLI 3 用于项目，看起来我没有正确终止开发会话。就像文档建议的那样，我开始一个开发会话：

这给了我工作的端口：

应用程序运行在：
- 本地： http://localhost:8087/
- 网络：http: //192.168.0.100 :8087/

当我完成我的项目时，我点击Ctrl-Z并返回了我的命令行。耶！

但这会留下一些仍在端口上监听的东西：

如何优雅地终止开发服务器，以便在完成后释放端口？

当我运行vue inspect时，它说 templateParameters 函数是omitted long function.

我有兴趣看看这里有什么。有没有办法查看长功能？

我尝试使用Vuetify homepage中的命令使用Vuetify创建一个新的 Vue 应用程序。

以下是我使用的命令：

上面提到的所有命令都完美完成。但是，在我通过以下命令启动热重载开发环境后。

以下标准输出将发生错误。

我不知道为什么会发生这种情况，因为它是前端开发的新手，并且遵循快速入门网页上的每一条指令。也许我犯了一些愚蠢的错误导致了这个错误。

这是我所拥有的：

一个 VUE CLI 3 项目，其中包含许多组件和东西。

我需要的：

是一种重用此项目并将其包含在我客户的网站上的方法非常简单。我正在考虑只添加一个 JS 文件，也许还有一点 HTML 片段。

我做了什么：

我一直在使用 VUE CLI 3 将我的项目导出为 Web 组件。这很好用，因为现在我只需要使用一个 JS 文件和我创建的 Web 组件标签。

问题：

问题是我在项目中使用 Tailwindcss 设置样式的所有内容都没有在 Web 组件中设置样式，因为这些样式似乎不包括在内。

通常你会在每个 Vue 组件本身中包含你的样式。（我正在使用 .vue 单个组件）但是由于我使用的是 TailwindCSS，因此我在 HTML 标签上使用了很多类。这在我的 VUE CLI 3 项目中运行良好，因为我将 PostCSS 用于 TailwindCSS。但是当我创建 Web 组件时它不再工作了。我也没有输出的 CSS 文件。我只有 tailwind.css 文件：

我的问题：

那么如何将 TailwindCSS 样式以及我的自定义 CSS 样式添加到 Web 组件中呢？

我已经设置了我的 vue-cli 版本 3 SPA，以便在我的 routes.js 文件中找不到的任何请求都将默认为我的 404 视图，如官方文档中所示：

在文件底部附近插入routes.js：

插入到nginx配置文件中：

这成功地提醒用户他们请求的页面不存在。

我的问题：

我希望错误 404 组件返回 404 响应标头（它当前返回 200 状态代码）并将此错误记录到 nginx error.log 文件中。我想这只能通过使用 nginx 配置来实现。有没有人达到这个目标？

我注意到这个问题在 vue-cli 官方文档的以下页面中得到了解决，但它只涉及节点快递服务器而不是 nginx： https://router.vuejs.org/guide/essentials/history-mode。 html#警告

我正在尝试使用 vue-cli 3.x、typescript、pug 和 .sass 文件设置一个 Vue 项目。

我还想全局导入几个文件，以便它们在我的所有组件中都可用（我遵循了本指南）

main.ts

main.sass

vue.config.js

导航栏组件给我错误

错误日志

我注意到，如果我从组件中删除 sass 并将其转换为 scss，错误就会消失......

main.sass 文件中的另一个问题对我来说仍然是个谜。

我刚刚开始使用 Vue。我安装了@Vue/Cli（即版本 3）和 cli-init，所以我可以使用版本 2 的命令。为了创建我的项目，我使用了 vue init webpack 。在浏览器上运行应用程序时，我注意到了奇怪的行为；我的路线正在改变！

初始路由“localhost:8080/”

导航到路由url 更改为“localhost:8080/#/”

还有另一条路线“localhost:8080/about”

导航到此路由，url 更改为“localhost:8080/about#/”

我不明白发生了什么事。它虽然渲染了组件，但 url 只是改变了。这是我的路线配置：

没有路由器链接，我通过输入路径进行导航。我的路由器设置是默认的。

我一直在尝试使用带有 ASP.Net Core web 的新 Vue CLI 3 创建一个新项目。我可以使用 dotnet new 创建一个漂亮的新空白 Web 项目，也可以使用 vue create 创建一个新的 Vue.js Hello World 模板，但我一辈子都无法让它们一起工作。