问题标签 [vue-cli-4]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
0 回答
34 浏览

vue.js - Vue CLI 4.4.6 生成的项目中未显示 favicon 的问题

到目前为止,我在使用最新版本的 Vue CLI 生成的这个项目时遇到了很大的麻烦。favicon 没有显示,我之前删除了public文件夹中的/img文件夹,并将我自己的 favicon.png 添加到 index.html 文件中。

当我运行项目时,图标不显示并检查客户端代码,它会自动得到注释,如图所示。如果我修改注释行,我的自定义图标会正确显示,所以我想知道如何解决这个问题。

截屏

index.html 文件

此外,正如您在代码中看到的那样,我已经删除了<%= htmlWebpackPlugin.options.title %>最初生成的内容,因为它对我没用。非常感谢任何可以帮助我的人!

0 投票
1 回答
115 浏览

vue.js - 调用生成器时 Vue Cli 远程预设崩溃

我正在尝试在 github 上创建一个远程 vue cli 预设,但由于某种原因,我不断收到语法错误。

我的预设仓库:https ://github.com/christoph-schaeffer/vue-preset

我输入的命令: vue create --preset christoph-schaeffer/vue-preset testProject

我得到的错误:

起初它工作得很好,然后我在 preset.json 中添加了一些东西以及一个生成器模板。

收到错误后,我尝试将整个回购恢复到它仍在工作时的状态。但是我仍然得到那个错误......

我想这与预设无关,而是我的全局 babel 包或其他问题?

我正在使用 vue-cli 版本 4 并且正在使用 mac

任何关于如何让我运行的指示将不胜感激

0 投票
1 回答
387 浏览

node.js - 升级到 vue-cli-4 后,相对路径不再适用于标准导入

这是另一个拖延升级我的构建工具的案例,因为每次我这样做时,我都会发现我必须完成大量的更改。

我使用 vue cli 4.5 创建了一个新项目,并加载了它,就像一个全新的项目一样。然后,我复制了新项目在依赖项、配置文件等方面的样子。我删除了 node_modules,甚至删除了包锁,npm install然后运行npm run serve并得到了我在网络上看到的奇怪的缓存错误,但对我没有任何帮助.

未找到此依赖项:

@/components/renderers/Loader 在 ./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/ cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/views/grids/shared.vue?vue&type=script&lang=js&

要安装它,您可以运行: npm install --save @/components/renderers/Loader

未找到这些相关模块:

./src/components/icons/index.js 中的 ./Icon.vue

../../renderers/Loader 在 ./node_modules/cache-loader/dist/cjs.js??ref--12-

等等等等

这是我的 package.json

这是我的 vue.config.js

然后尝试删除我的 vue.config.js ......

和 babel.config.js

之前一切都运行良好。开箱即用的应用程序没有相对或别名(即@)的问题。

这里有点迷茫!

0 投票
1 回答
45 浏览

javascript - 使用Vue-cli,在运行构建时,构建后如何组织css和js文件夹中的文件?

默认情况下,Vue-cli 创建文件如下:

我希望以这种方式组织文件:

额外的问题:这些常见的和 umd 名称真的有必要吗?因为在 node_modules 文件夹中,我没有看到任何具有这些名称的项目。

0 投票
1 回答
1473 浏览

vue.js - vue add i18n 在使用 vuejs3 和 @vue/cli 4.5.4 时遇到错误,该错误是什么意思以及如何调试?

当我尝试 vue add i18n 时,我遇到了这个错误:

vue add 命令之前的 package.json 如下所示:

vue create到目前为止,我使用并安装了 tailwindcss 和 postcss 设置了项目。

你能描述一下,这个错误的真正含义是什么?我想它与 i18n 无关,但在我使用时也会与其他模块一起发生add

  • npm install vue-i18n作品(仅供参考)

附加问题

如何在 vuejs 3.0 中设置 i18n?vuejs2 和 3 的区别在哪里?

0 投票
1 回答
940 浏览

vue.js - Vue-Cli:为什么构建后 index.html 没有用引号生成?

运行 npm 构建后,将./dist/index.html生成不带引号的文件。该项目没有webpack.config.jsvue.config.js。该构建是从使用vue create. 我该如何解决这个问题?

0 投票
0 回答
86 浏览

node.js - @vue/cli | 视图创建不适用于节点 v12.18.3

我想知道@vue/cli 是否不适用于节点 v12.18.3 我检查了 vue/cli 文件并发现它一直在使用 npm v.6.4.0,但是当我检查我的 npm 版本时,它是 v6.14.8

再解释一下:

vue create <projectname> 我立刻明白了:

npm 错误!cb.apply 不是函数

当我检查日志时,它说:

19 详细节点 v12.18.3
20 详细 npm v6.4.0
21 错误 cb.apply 不是函数

所以我只是假设@vue/cli 为我工作的唯一方法是如果我将 node.js 降级到与 npm v6.4.0 一起工作的版本,或者是否有某种解决方法可以让 vue 与我一起工作当前节点版本??

@vue/cli 版本 -> v4.5.4

已修复:只需完全重新安装 nodejs 和 npm、重启等

0 投票
0 回答
210 浏览

node.js - 未找到节点 vue-cli-service

我对 vue-cli-service 有疑问。我是 FE 开发的新手,所以如果我的问题很愚蠢,请耐心等待。

Node 版本为 14.9.x 操作系统是 macOS Catalina,但是,同样会在 Jenkins 管道中运行,因此最终的操作系统将是 Centos 7。已使用以下方式安装依赖项:npm install <package name>. 目前 package.json 和 package-lock.json 似乎包含了我需要的所有东西。

如果我执行:

./node_modules/.bin/vue-cli-service build --mode development

一切运行良好,我认为 vue-cli-service 尚未添加到搜索路径中。在我的package.json文件中,我输入了:

如果我执行:npm run build:production没有任何效果,如果我运行npm run build:development,它可以工作,但是我正在使用命令对路径进行硬编码。如何避免将路径粘贴在 package.json 文件中?欢迎任何建议。

0 投票
1 回答
6560 浏览

vue.js - Vue CLI 4.5.*:“在‘vue’中找不到导出‘默认’(导入为‘Vue’)

在使用 Vue CLI 4.5.x 时,我尝试了以下代码:

但不幸的是,它给出了以下警告:

"export 'default' (imported as 'Vue') was not found in 'vue'

我可以由此得出的结论是,Vue CLI 4.5.x 已经停止了这种创建应用程序的方式,您首先创建一个 Vue 实例。

初始化主应用程序,官方的方式如下:

我不确定我的结论是否正确。如果有人能具体说明我的结论,那将是一个很大的帮助,因为到目前为止我还没有在 vue 的官方文档中找到任何证据。

此外,后面的代码与 Vue CLI 4.5.* 应用程序实例一起烘焙,而前面的代码在使用 CDN 时是正确的。

0 投票
1 回答
3478 浏览

vue.js - 如何自定义 Vue CLI 生成的 JS 文件的名称?

我找不到有关如何使用 vue cli 最小化资产和生成 *.min.js 文件的文档。我正在使用 vue cli 版本 4.2.3。

我需要扩展为 *.min.js 才能使滚动条正常运行。

您将如何配置 vue cli 以生成最小化的资产?(不涉及 TS)。