问题标签 [vue-cli-3]

我使用Vue-cli 3创建了简单的 Vue JS 应用程序。我有一个带有 Nginx + php 的 digitalocean 液滴。我的目标是在同一个 droplet 上托管 Vue App。我已经尝试过：

• 将某些添加location /到 nginx conf。
• 使用了这个简单的节点服务器：https ://router.vuejs.org/guide/essentials/history-mode.html#example-server-configurations

我得到的是Uncaught SyntaxError: Unexpected token <：

有趣的是，当我使用npm run build将生产资源放入dist目录并使用php -S localhost:8080它时，它就像一个魅力一样托管。但是与简单节点 js 服务器相同的事情会导致上面屏幕截图中的结果。

我已经连续挣扎了2天。请帮帮我。

为了使用 Vue CLI 3，我更新了一个大项目，但是自从我完成它之后，热重载非常缓慢：

• 一旦我打开一个 .vue 文件，它就会突然自动重建，需要 10-15 秒
• 每次保存，我都要再等10-15秒

这在 CLI 3 之前从未发生过。我需要激活任何类型的缓存机制吗？

在迁移到 vue-cli 3 时，我遇到了以下问题。我将插件的 css 导入到我的 app.scss。

这一行：background-image: url(default-skin.svg);breaks yarn build，引发此错误：

这是我的 vue.config.js：

有什么解决办法吗？

更新

打破纱线构建的css

包.json：

应用文件夹结构：

我有一个使用 laravel 和 vue 的 webpack 配置，我正在使用 vue-cli-3 将其转换为 vue spa 应用程序。但我无法理解如何将混合配置更改为 vue.config.js。这是我的 webpack.mix.js 配置。

我想在 vue.config.js 中解决这个问题。我该怎么做？有什么推荐吗？

我正在使用 Vue.js 的 API 代理功能（内部使用 http-proxy-middleware/http-proxy）将 API 请求转发到我的本地后端服务器。我vue.conf.js这样设置：

不过，出于某种奇怪的原因，来自 Chrome 的所有其他代理请求都很慢：

在 Chrome 中分析慢速请求时，如下所示：

知道是什么导致了 和 之间fetchStart的延迟requestStart吗？通过 127.0.0.1 访问代理时，由于某种原因（DNS 问题？？？），问题消失了。检查后端，它也正确响应。Firefox 也不存在这个问题。

系统是最新的 Win10，在稳定版和金丝雀 Chrome 上检查。

我正在尝试添加 cssnano 优化规则，但使用 vue-cli，它似乎不起作用。我在中添加了以下脚本vue.config.js：

但它不起作用（见下面的截图）

屏幕截图 - cssnanomergeRules不适用：

我错过了什么？

我目前正在使用 Vue Cli 3 创建一个项目。对于它的 UI，我选择使用 Vuetify。在将 Vuetify 添加到 Vue Cli 3 时，我只需运行命令

我可以使用 Vuetify 的其他功能，例如v-layout,v-button等。但是每当我使用v-formorv-text-field时，它似乎都无法正常工作。错误是：

[Vue 警告]：未知的自定义元素：- 您是否正确注册了组件？对于递归组件，请确保提供“名称”选项

有人可以帮助我，这样我就可以使这些事情起作用吗？先感谢您！

默认情况下，在 dist/index.html 中创建了这样的链接：

如何更改指向此的链接？

我一直在尝试使用 vue cli 模板启动一个项目，但是当我 npm install 时，我在根目录中得到了一堆 cmd 文件！

我也检查了我的环境变量，它们看起来是正确的。有谁知道为什么会这样？

我在 Windows 10 上使用节点 v8.11.4，使用 VS Code 作为我的 IDE。我还注意到我的 node_modules 文件夹中没有 .bin 文件夹。

我尝试过多次重新安装它，以及创建 npm install 执行相同操作的 create-react-app。

任何帮助将不胜感激，谢谢！

这可能是一个奇怪的问题，但我会尽力解释。

我正在为客户的 Drupal 网站构建一个基于 vue 的视频播放器小部件。这个想法是创建一些他可以直接放入的东西，比如一个 JQuery 插件。但是，我真的很想利用 Vue 的单文件组件（使用 Webpack），这样我就可以将所有东西捆绑在一起。

我的第一个想法是使用 Vue CLI，npm build然后进入dist/文件夹并拉出以下内容以放入：

虽然这感觉不对，但有没有更好的方法来实现这一点？请记住，他的网站不是 Vue 应用程序，但我希望这个小部件能够像 Vue 应用程序一样构建。