vue-cli-5 相关问题

我使用默认的 Vue 项目模板在 Visual Studio 2019 中创建了一个标准的 Vue 应用程序。我使用的是 Windows 10。这将创建一个可以使用 Vue CLI 启动的简单项目。这...

在 build/dev ("dev": "vue-cli-service build --dest=../static/ --mode=development --watch") 命令生成后，我使用 Vue 和 Vuetify 构建我的应用程序文件转到静态目录

有没有办法让我的 WordPress 网站指向 diste/templates 目录中的 index.html 而不是正常的 WordPress 行为？

我正在使用 Vue.js 开发一个无头 WordPress 网站，并且我有一个名为 vue-wordpress 的自定义主题。该主题是使用 Vue CLI 搭建的。这是目录结构 - 距离资产模板

Heroku 上的部署失败：Vue-CLI 构建错误

我在 Heroku 上部署 Node.js 应用程序（其中包括 Vue.js 前端）时遇到了持续存在的问题。尽管多次尝试和不同的配置，我的构建始终如一......

Vue CLI 在服务期间删除 outputDir 文件夹

我正在尝试使用 VueCLI 并在服务期间删除输出目录，以便我可以在我的 php 文件中使用它并确定是加载 dist 资产还是通过 localhost:8080 加载。所以在我的 vue.con 中...

Symfony 5 - “驱动程序中发生异常：找不到驱动程序”

我目前面临这个问题。我真的是 Symfony 的新手。问题：当我使用 cli symfony 控制台原则创建新数据库时：database:create，我收到以下错误：在

安装 Angular CLI 时出现 Npm Angular 警告

当我尝试通过以下方式安装 CLI 时收到 npm 警告： npm install -g @angular/cli: C:\Users\myuser>npm install -g @angular/[email protected] npm 警告已弃用 [email protected]：此模块...

Databricks CLI 版本 0.209 - 重置 API v2.1 中的现有作业

如何使用 cli v 0.209 重置 databricks 中的现有作业。已经参考了下面讨论旧版本 databricks-cli 的论坛 Azure Databricks CLI：更新工作流/作业定义...

无法运行 NestJS CLI 命令。 zsh：找不到命令：nest

通过运行 npm i -g @nestjs/cli 成功全局安装 NestJS CLI 后，我无法让 zsh 识别 Nest 命令。它总是抛出 zsh: command not fou...

尝试安装 Salesforce CLI 时出现相同错误

我正在尝试安装 salesforce CLI (linux)。我已遵循本指南的每个步骤，但我不断收到相同的错误/输出。脚步： npm uninstall sfdx-cli --global -> 首先卸载 sfdx npm

如何安装grafana-cli和grafana插件

我正在尝试安装需要grafana-cli的简单JSON插件。但我的终端说找不到命令。有人可以帮助如何安装 grafana-cli 和 grafana 插件操作系统 - Mac、grafana v3.0

使用 Azure DEVOPS CLI 将特定用户分配给多个项目

我是 Azure DEVOPS CLI 的新手，我需要使用 AZURE DEVOPS CLI 为组织中的所有项目分配特定用户。该组织的项目总数约为 25 个。格雷...

防止 HTML <dialog> 用 Vue 关闭

我正在尝试使用 Vue 以编程方式阻止 HTML 对话框元素的关闭事件关闭对话框。这是我正在使用的代码：从“vue”导入{ref}； const 对话框模板Re...

Vite+Vue 页面不需要的 CSS 样式

在Vite-Vue应用程序中，我实现了index.html和vue组件/视图的样式，但浏览器将它们显示为被划掉。 AMany =我在组件/视图中添加的样式也是 cro...

Pinia 对象在 Vue 中的 foreach 后失去反应性

我有这个嵌套的foreach BalanceItemList.vue ... 我有这个嵌套的 foreach BalanceItemList.vue <template> <div v-for="category in categoryItemsStore.balanceCategories" :key="category.id" class="mt-5"> <div class="border-black border-b bg-gray-200"> <span class="font-bold w-full">{{ category.name }}</span> </div> <div v-for="balanceItem in category.balance_items" :key="balanceItem.id"> {{ balanceItem.total = 500 }} <balance-item :balance-item="balanceItem" @update-balance-item="update"/> </div> <div> <balance-item-create :category="category.id" @create-balance-item="update"/> </div> <div v-if="categoryItemsStore.totals[category.id]" class="grid grid-cols-4-b t-2 ml-2"> <div :class="category.is_positive ? '': 'text-red-600' " class="col-start-4 border-t-2 border-black font-bold"> €{{ categoryItemsStore.totals[category.id].total }} </div> </div> </div> </template> 我像这样检查了“balanceItem”的反应性 {{ balanceItem.total = 500 }} 它在商店中更新，但随后我有了我的平衡项目组件： BalanceItem.vue <script setup> import {reactive} from "vue"; import {useForm} from "@inertiajs/vue3"; import NumberInput from "@/Components/NumberInput.vue"; import {UseCategoryItemsStore} from "@/Stores/UseCategoryItemsStore.js"; const categoryItemStore = UseCategoryItemsStore() const props = defineProps({balanceItem: Object, errors: Object}) let item = reactive(props.balanceItem); const form = useForm(item); const emit = defineEmits(['update-balance-item']) const submit = () => { form.post(route('balance-item.update'), { preserveScroll: true, onSuccess: () => { props.balanceItem.total = 500 categoryItemStore.updateBalanceItemsTotals(form) emit('update-balance-item') } }) } </script> <template> <form @submit.prevent="submit"> <div class="grid grid-cols-4-b"> <span>{{ item.name }}</span> <NumberInput v-model="form.count" autofocus class=" mr-4 mt-1 block" type="number" @update:model-value="submit" /> <div :class="item.item_category.is_positive ? '' : 'text-red-600'" class="flex place-items-center"> <div class="pt-1 mr-1">€</div> <NumberInput v-model="form.amount" :class="form.errors.amount ? 'border-red-600' : ''" autofocus class="mt-1 mr-4 w-5/6" type="text" @update:model-value="submit" /> </div> <div :class="item.item_category.is_positive ? '' : 'text-red-600'" class="flex place-items-center"> <div class="pt-1 mr-1 w-5/6">€</div> <NumberInput v-model="form.total" autofocus class="mt-1 block" disabled style="max-width: 95%" type="text" /> </div> </div> </form> </template> 这是我测试反应性的商店。如果我增加输入的数字，则项目的计数保持不变 UseCategoryItemsStore.js import {defineStore} from "pinia"; import {ref} from "vue"; export const UseCategoryItemsStore = defineStore('UseCategoryItemsStore', () => { const balanceCategories = ref([]) const totals = ref([]) function getBalanceItems() { axios.get(route('balance-item.index')).then((response) => { balanceCategories.value = response.data // console.log(balanceCategories.value) }) } function getTotals() { axios.get(route('balance-item.totals')).then((response) => totals.value = response.data) } function getData() { getTotals() getBalanceItems() } function updateBalanceItemsTotals(selectedItem) { balanceCategories.value.forEach((category) => { category.balance_items.forEach((item) => { if (item.id === selectedItem.id) { // item.total = item.count * item.amount console.log(item) } }) }) } getTotals() getBalanceItems() return {balanceCategories, totals, getBalanceItems, getTotals, getData, updateBalanceItemsTotals} }) 在此测试中，我执行“props.balanceItem.total = 500”。但如果我检查商店，它不会更新。看来将“balanceItem”分配给一个道具会失去与我的 Pinia 商店的反应性。我可以使用“form.total = form.count * form.amount”手动更新我的表单，但这对我来说似乎很老套，我想使用 Pinia 商店的反应性。我考虑过根据“BalanceItem”获取 Pina 项目，但这似乎也很棘手。谁知道为什么失去反应性？我有laravel 10.39、vue3.2.41和pinia 2.1.17惯性0.6.11。到目前为止我知道的所有最新版本。我像这样更新我的表格和商店： <script setup> import {useForm} from "@inertiajs/vue3"; import NumberInput from "@/Components/NumberInput.vue"; import {UseCategoryItemsStore} from "@/Stores/UseCategoryItemsStore.js"; const categoryItemStore = UseCategoryItemsStore() const props = defineProps({balanceItem: Object, errors: Object}) let item = categoryItemStore.getItemById(props.balanceItem); let form = useForm(item); const emit = defineEmits(['update-balance-item']) const submit = () => { form.post(route('balance-item.update'), { preserveScroll: true, onSuccess: () => { item = categoryItemStore.updateItem(form) form = useForm(item) emit('update-balance-item') } }) } </script> 我将此功能添加到我的商店： import {defineStore} from "pinia"; import {ref} from "vue"; export const UseCategoryItemsStore = defineStore('UseCategoryItemsStore', () => { const balanceCategories = ref([]) const totals = ref([]) function getBalanceItems() { axios.get(route('balance-item.index')).then((response) => { balanceCategories.value = response.data // console.log(balanceCategories.value) }) } function getItemById(item) { let category = balanceCategories.value.find((category) => { return category.id === item.item_category_id }) return category.balance_items.find((item_from_store) => { return item_from_store.id === item.id }) } function updateItem(form) { const item = getItemById(form) item.count = form.count item.amount = form.amount item.total = item.count * item.amount return item } function getTotals() { axios.get(route('balance-item.totals')).then((response) => totals.value = response.data) } function getData() { getTotals() getBalanceItems() } getTotals() getBalanceItems() return {balanceCategories, totals, getBalanceItems, getTotals, getData, getItemById, updateItem} }) 假设如果帖子获得 200，我的表单值可用于更新商店和更新表单。这是我能想到的最好的

vue-router useRouter 在构建库组件时不起作用

我正在构建一个 Vue3 npm 组件库，希望我可以使用 vue-router 的 useRouter 访问当前路由器，并且它将由导入我的任何 vue 应用程序自动提供

Vue 2.0 + webpack 使用 npm 包中的组件

我正在尝试使用 webpack 和 Vue 2.0 设置一个项目，但在我的项目中使用 npm 包（如 vue-parallax）中的组件时遇到了一些麻烦。我安装了该软件包并且一切...

Quasar Vue Router 解析名为route的href

我正在尝试使用 vue router 构建 href 链接我在routes.js中有以下内容常量路由 = [ { 小路： ”/”，组件：() => import("layouts/MainLayout.vue")...

在 Apache Commons CLI 中解析未知选项

有没有办法解析 Apache Commons CLI 中选项对象中不存在的未知选项。例如 - 我的参数是 --greeting hello --unknownArgument foo。选项对象有

npm v9.4.0 不支持 Node.js v14.15.0

npm 的接受版本是什么（Node.js v14.15.0）。给我以下错误： npm WARN cli npm v9.4.0 不支持 Node.js v14。 15.0。您可能应该升级到 npm WARN cli 新版本没有...

NETWORK_NOT_PEERED 尝试通过 gcloud CLI 创建 AlloyDB 实例

我正在尝试使用 gcloud CLI 使用以下命令创建 AlloyDB 实例： gcloud AlloyDB 集群创建默认\ --region=$位置\ --密码=postgres gcloud AlloyDB 实例 c...

使用 Jenkins 时 AWS CLI 无法加载凭证

我有 EC2，我已使用 xxxjenkins 用户安装了 AWS CLI。以下是我安装 awscli 所遵循的步骤：卷曲“https://awscli.amazonaws.com/awscli-exe-linux-x86_64.zip”-o“awscliv2.z...

是否可以只安装docker cli而不安装daemon

我想要 docker CLI 连接到远程守护进程，但我需要在本地计算机上安装整个引擎（包括守护进程）吗？

Vue 3 - 如何使用 typescript 将组件包装在 Vue 中

我正在尝试包装 PrimeVue 组件（日历），稍微更改其样式，然后再次导出。反应中类似以下内容： const WrappedCalendar: React.FC = (...

Vue 3 简单的包罗万象的后备路由在服务器上不起作用

我使用 Vue router 4 创建了一个新的 Vue 3 应用程序。当我通过访问链接时，它会打开页面，但是当我直接打开链接时，它会显示未找到错误。 { 不是芙...

在计算警告中使用 vue-i18n.t()

升级我的项目后，每次尝试在计算变量中使用 VueI18n.t() 时，我都会收到此警告： [Vue warn]：在计算的 getter 内部调用 getCurrentInstance()。这是inco...

Jena Riot 推断无效的 RDF（以文字作为主语）

我正在将 Jena riot CLI 工具推断出的 RDF 馈送到 shacl cli 工具中。我的架构定义包含如下内容： lob:帐号 rdfs:域 lob:帐户； rdfs:范围 xsd:str...

Vue SFC 模板生成构建错误

Vue.js 完全新手。我正在关注 Kirby CMS 团队制作的教程。 Vue 正在使用 [email protected] 进行构建，作为 KirbyUp 捆绑器的一部分。所以，我可以在

如何使用Websocket从FastAPI（后端）返回JSON到Vue（前端）？

我有一个应用程序，前端是用Vue实现的，后端使用FastAPI框架。通信是通过websocket实现的。目前，前端允许用户

Python Wexpect 包的替代品

我一直在尝试在使用键盘输入与之交互的 CLI 上进行一些测试，其中我需要读取 CLI 输出并写入键盘输入，并且您无法在中间关闭界面...

Angular CLI 版本与 Angular Core 版本之间的兼容性？

有什么方法可以知道要安装哪个与我的 Angular Core 版本兼容的 Angular CLI 版本？他们完全独立吗？使用 Core v5.2.8 开发现有的 Angular 应用程序...

Next.js：如何通过 https localhost 使用 CLI (next dev) 启动开发模式

在 Next.js 中，哇，通过 https localhost 使用 CLI (next dev) 启动开发模式？我应该将哪些参数传递给“next dev”命令，该命令可以在 package.json 中编辑？我不...

C++/CLI 与本机标头互操作的性能较差

在尝试为 CGAL 库的部分实现包装器时，我遇到了一些性能问题。其中一些似乎与 C++/CLI 互操作相关。为了找出我遇到的问题

如何使 Vue 2 提供/注入 API 响应式？

我按如下方式设置代码，并且能够从 SomeComponent.vue 中的 setter 更新 App.vue 中的 checkout_info，但 SomeComponent.vue 中的 getter 不是响应式的。 // 应用程序.vue 导出默认值 {...

如何使用Vue Router的相对重定向（不起作用）？

我正在从 Vue router Doc 学习相对重定向。我正在尝试实现代码的文档示例。常量路由 = [ { // 始终将 /users/123/posts 重定向到 /users/123/prof...

az cli 命令在使用变量时返回“错误请求”，但否则有效

我有这个 Az cli 命令，可以为我想与脚本一起使用的虚拟机启用备份： #获取所需的虚拟机ID getID=$(az 虚拟机显示\ --resource-group $resourceGroup \ --name $vmName \ --曲...

Vue.js：为什么 $el 返回文本节点

我有以下代码：导出默认类自定义扩展 Vue { 安装（）{ console.log(this.$el); ...

“拒绝应用 {link} 中的样式，因为其 MIME 类型不受支持且启用了严格的 MIME 检查。”在 Vue+Vuetify 应用程序中

我使用 vue-create-app 创建了一个 Vue+Vuetify 项目。在我的本地系统中，Vuetify 工作正常，但在 Gitlab 实时服务器上不起作用。并在实时应用程序中显示此错误消息： “拒绝应用...

渲染对象列表时“无法读取未定义的属性”

我试图在 Vue 3 中按名称渲染对象列表，但我不断收到“无法读取未定义的属性（读取“名称”）”错误。我对 Vue 还是新手，我不知道......

Node v20.10.0 未针对您平台上的 Ember CLI 进行测试

当我尝试启动新的 ember 项目时遇到错误。我刚刚使用以下命令安装了 ember： npm install -g ember-cli 然后我运行： ember init 来创建我的项目，但它抛出了以下错误...

PAC CLI 解包和打包托管解决方案

我正在尝试使用 PAC CLI 为我们的自动化管道打包托管解决方案。我看到一些奇怪的行为当我们使用 unpack 命令时，它会解压所有组件 pac 解决方案解压 -z

Vue 3，组合 API：“排除”TypeScript 实用程序类型导致道具验证错误

我正在使用 Vue 3 以及 Composition API 和 TypeScript，一切都是最新的稳定版本。假设我有以下类型：导出接口人{ 名称：字符串； } 导出类型统计...

如何在vue-i18n中使用@等特殊字符？

我正在使用 vue-i18n 来本地化我的表单。我有一个电子邮件字段，其中有一个占位符，其中包含一个包含 @ 符号的示例电子邮件地址。 emailPlaceholder：'例如：[email protected]'

Laravel 和 Vue Js 应用程序中的脚本无法使用响应正文（原因：CORS 缺少允许来源）

开发 Laravel 10 + Vue Js 3 应用程序两个项目文件是分开的。我也有以下 api.php 登录路线路线::post('/login', [LoginController::class, '提交']); 并使用

为什么从其他文件导入的 SCSS 变量在 Vue 3 中不起作用？

我在我的vue 3项目中安装了sass loader，但问题是我想从另一个文件导入变量，但不起作用我的架构是：源代码资产 CSS 样式.scss

为什么我在 Vue 开发工具中看不到 Pinia？

我正在使用 Vue 3、Vuetify 3 和 Pinia 开发一个应用程序，所有这些我都在学习过程中。我正在尝试按照这个视频来学习 Pinia，大约 17:50，演示者说要安装...

Vue/Nuxt：如何让组件真正动态？

为了使用动态定义的单页面组件，我们使用组件标签，因此： ... 从 '@/

当我通过 C# 控制台运行 Azure CLI cmd 时，遇到错误：“错误：筛选器参数值必须是 JSON 转义字符串。”

尝试通过 C# 控制台应用程序运行 Azure CLI 命令时，遇到错误，指出：“错误：筛选器参数值必须是 JSON 转义字符串。” 下面是 C#

如何在 Vercel 中使用 Vue 前端部署 Express 应用程序？

我将 Vue 应用程序构建到名为 dist 的文件夹中。我有用 Node Express 编写的后端 API。当我在 Vercel 上部署它时，出现 404 错误。这是我的应用程序结构和 Vercel 设置...

在门户上部署Vue应用程序后出错。Azure

我创建了我的 Vue-Vite 应用程序。然后我在 dev.azure - Web App 上创建了存储库。接下来我将其部署在portal.azure.com 上。修复了一些错误后，我仍然不知道如何修复此错误：主要....

vue-cli-5 相关问题

最新问题