vue-cli 相关问题

如何在Vue + Vite应用程序中添加外部配置文件？

我正在尝试使用 Vite 将我的 Vue 2 + Vue CLI 项目迁移到 Vue 3。我想知道是否可以让 Vite 读取放置在存储配置的公共文件夹中的外部配置文件...

无法创建Vue应用程序，出现错误：您使用的是过时版本的NPM，但我有最新版本

我的环境： 我正在使用 Ubuntu 22.04.3 Node 版本：v18.18.2 NPM 版本：10.2.1 Vue 版本：@vue/cli 5.0.8 我使用NVM来安装Node. 然后我继续检查npm的版本，这是......

显示来自 Prettier 的 Vue CLI 警告的规则名称

我为 Vue CLI 项目选择的预设有一些规则，会警告我 HTML 中的某些内容，如下所示： 警告：替换 `·title="Publicly·Visible"·:class="{·inactive:·!member.isPubliclyVisible·}...

如何修复发生系统错误：uv_os_gethostname 在安装 vue cli 的节点中返回 ENOSYS

我也使用 Windows 7 并安装了 npm 9.2.0 和 nodev16.16.0 现在当我尝试安装 vue cli 并尝试检查 vue cli 的版本时，出现以下错误消息： 微软赢...

Prettier v3 与 @vue/eslint-config-prettier v7.x 不兼容导致编译错误

更新prettier到版本3导致编译过程中出现以下错误： > 1 | [对象承诺] | ^ 2 |导出{渲染，staticRenderFns} 在构造函数（/xxx/node_modules/@

VUE：如何自动导入文件夹中的所有图像？

我尝试自动导入文件夹中的所有图像。在//测试下是我尝试过的： 古典艺术 我尝试自动导入文件夹中的所有图像。在//测试下是我尝试过的： <template> <p>classical art</p> <img v-for="image in images" :key="image" :src="image.url" :alt="image.alt" /> </template> <script> export default { data: function () { return { name: "classical-art", images: [ { url: require("../assets/images/classical-art/img-00001.jpg"), alt: "první" }, { url: require("../assets/images/classical-art/img-00002.jpg"), alt: "druhý" }, ], }; }, }; // tested const classicalArt = require(`../assets/images/classical-art/.jpg`) classicalArt.forEach((image) => { return image; }); </script> <style module lang="scss"></style> 我不擅长这件事，所以我需要帮助。可能我只是愚蠢，但我无法让它发挥作用。如果可能的话，我希望它是异步的（惰性的）或者其他什么。 -----更新： 我尝试了类似的方法，但仍然一无所获，但是使用 require.context 我应该能够做到这一点： <template> <p>classical art</p> <img :src="getImgUrl()" v-bind:alt="req" /> </template> <script> export default { data: function () { return { name: "classical-art", }; }, methods: { getImgUrl() { var req = require.context( "../assets/images/classical-art/", false, /\*.jpg$/ ); req.keys().forEach(function (key) { req(key); }); }, }, }; </script> <style module lang="scss"></style> 我希望当我向 classic-art 文件夹添加另一个图像时自动创建一个新标签并显示图像，而无需编辑代码并手动注册它 有人可以帮我吗？ 对于图像渲染，您必须指示每个图像的确切 url，因此您必须以正确的方式手动输入每个 url。 顺便说一句，你的想法可以用 NodeJS 实现。节点运行时可以访问文件系统，因此可以为每个文件自动创建 url 字符串。 不幸的是，Vue 无法真正访问您的文件，这意味着您的每个组件、文件或图像都必须手动导入。 你可以试试 export default { methods: { getImgUrl() { const arr = []; var req = require.context( "../assets/images/classical-art/", false, /\*.jpg$/ ); req.keys().forEach(function (key) { arr.push(req(key)) }); return arr; }, }, };

vue cli 构建从 bootstrap-vue-next 中挑选错误

我正在使用组合 API 将应用程序从 vue 2 移植到 vue 3。 我们在旧应用程序中使用 bootstrap，经过一些研究，我意识到我们应该为 vue 3 使用 bootstrap-vue-next。 现在

Vue js中如何从实例外部访问数据？

我想从实例外部访问虚拟机数据，如下所示： myComponent.vue 导出默认值{ 数据（） { 返回 { 姓名：“乔” }; } } main.js var vm = 新...

全局参数不适用于yarn 3

我的环境： - 操作系统：Ubuntu 20.04 - 纱线：3.1.1 - 节点：v16.12.0 说明链接：https://cli.vuejs.org/guide/installation.html 当我运行命令时：yarn global add @vue/cli 我收到错误： 使用错误：...

2023 年 8 月：错误：@vitejs/plugin-vue 需要 vue (>=3.2.13) 或 @vue/compiler-sfc 存在于依赖关系树中

上下文 我正在将一个项目从 Vue 2 迁移到 Vue 3。我修复了所有重大更改和语法，该应用程序工作了。在删除 vue 兼容模式之前，我必须再做一步：替换 Vue-2-only

命令 vue init 需要全局插件

当我尝试 vue init webpack test-app 时，出现以下错误： 命令 vue init 需要安装全局插件。 请运行 npm install -g @vue/cli-init 并重试。 这是...

我们如何使用vuejs将属性值放入v-if中？

我们如何使用 vuejs 将属性值放入 v-if 中？ 我们如何使用 vuejs 将属性值放入 v-if 中？ <template v-for="cat0 in categoreis" :key="cat0.id"> <i v-if="cat0.id==[parentId]" class="fas float-left fa-plus"></i> <li v-if="cat1.parent !== null && cat1.parent == cat0.id" class="child-cat-mobile" :parentId="[cat1.parent]"> 我正在寻找语法 这样它就可以像这段代码 我在 v-if 中使用了 parentId 属性 <li v-if="cat1.parent !== null && cat1.parent == cat0.id" class="child-cat-mobile" :parentId="[cat1.parent]"> v-if="cat0.id==[parentId]"

Vuejs项目构建时，index.html显示空白页面

我已经使用 npm run build 命令构建了我的 Vuejs 项目。当我在 Windows 上（使用 Edge 浏览器）打开 index.html 文件时，我看到一个空白页面。请注意，我在我的项目和我的第一个项目中使用了 VueRouter...

我的 vue cli 购物车没有按预期工作

我正在 vue cli 中构建购物车，但无法正常工作。我没有看到预期的结果。我只是想将产品添加到购物车，但没有任何反应，我不知道自己做错了什么。 请...

我的 vue cli 购物车没有按预期工作

我正在 vue cli 中构建购物车，但无法正常工作。我没有看到预期的结果。我只是想将产品添加到购物车，但没有任何反应，我不知道自己做错了什么。 请...

我在尝试提供我创建的 Vue.js 应用程序时不断出错

一直在尝试学习编码，并想出了一个项目来创建一个网络应用程序来捕获图像、调整大小、排序并将图像保存到谷歌驱动器到分类文件夹中，稍后用于训练 AI I.. .

在类星体项目中设置笑话

我想使用jtest来做一些单元测试，我根据文档配置，但是当我运行测试时我得到了错误： 在此处输入图像描述 这是我的 jest.config.js 文件： 公关...

无法在vue ui中创建或导入项目

我在 cmd 中输入了“vue ui”，cmd 显示“在 http://localhost:8000 上启动 GUI 就绪”。但是，当我切换到创建或导入时，加载行总是闪烁...

有没有办法将 .htaccess 中的所有 url 重写为 index.html 但现有文件夹？因为我使用 Vue-Router

我构建了一个包含 Vue-Router 的 VUE CLI Web 应用程序，所以我应该像这样重写对 index.html 文件的所有请求： 重写引擎开启 重写规则 ^(.*)$ ./index.html [L] 但是有一个问题...

当我在由@vue/cli 创建的 vue2.7 项目中使用时，Composition Api 在 node_modules 中不起作用

环境信息 包.json // vue.config.js const { defineConfig } = require('@vue/cli-service') module.exports = defineConfig({ transpileDependencies: true }) 重现步骤 创建 vue2.7