问题标签 [laravel-mix-vue3]

在 vue-meta 版本 3 我使用 metaInfo 像 vue-meta 版本 2

我导入了 vue-meta 插件，但我无法访问组件，错误是“这是未定义的”

在 setup() 我们只访问道具和上下文

如何通过 api 调用创建动态元以及哪种方式是标准方式

vue-meta 版本 3 文档

我的 app.js

我的组件

请你帮忙解决下一个错误，我尝试用 Jest 在 VUE3 中创建我的测试，但我有下一个错误，我正在使用 laravel 8 和 webpack mix

任何想法？ 在此处输入图像描述

我的简单应用程序使用 Vue 3、Vue 路由器 4 和 Laravel 8 时遇到问题，我的问题是主组件未加载我需要 Ctrl + R 才能看到主组件，而另一个组件使用 Vue路由器没有正确加载这是我下载所有软件包并运行后的完整代码npm install，npm run dev& npm run watch：

应用程序.js

路由器.js

Welcome.blade.php我命名为app.blade.php

应用程序.vue

About.vue、Home.vue和NotFound.vue 它们具有相同的代码，因此无需在我更改的每个文件中再次编写它们x

最后是 web.php

当我使用以下代码时，在 vform 中找不到 Form、HasError、AlertError（导出和导入）。它不工作：

当我使用以下代码时。它正在工作：

为什么第一个过程不起作用？我正在使用 laravel 8 和 vue 3

我正在尝试创建以下功能

1个问题数组作为道具在vue链接中传递，就像这样

其中 questions 道具是一个带有 id 和正文的对象数组。但是，我坚持的问题是我的输出变成了 [ "[object Object]", "[object Object]" ]

我的理解是我的对象在某个时候被转换为字符串。我不明白为什么，以及我需要使用的正确语法是什么。

这是我在 vue 文件中循环我的数组的方法。

我想将 Vue 3 安装到 Laravel 8 项目中，但我不想使用类似的东西，laravel/ui因为它添加了 Bootstrap 和一堆我不想要的东西。

我试过npm i vue@next了，它安装了 Vue 3，但是当我尝试做import { createApp } from 'vue';in等时，我在使用 Laravel Mix ( in )app.js时遇到了一堆 Webpack 错误。npm run dev"laravel-mix": "^6.0.6",package.json

这是webpack.mix.js我正在使用的文件：

运行时出现此错误npm run dev：

有谁知道如何在 Laravel 8 中简单地安装 Vue 3（没有一堆额外的脚手架）？谢谢你。

我有一个本地 npm 包，其中包含其他本地 npm 包

所有这些包都非常相似，都使用vue、jquery等。

当我编译时：

bundler 分析器在 vendor.js 中显示每个包都包含自己的 node_modules 并包含许多重复的包。

如何避免这种情况？

- 更新 -

我忘了提到这个问题，我正在使用 Laravel Mix 来捆绑我的代码。

webpack.mix.js

当我这样设置时，webpackVue 2默认使用。澄清一下，Vue 2对我的项目来说非常好。我只想要Vue 3.

从Laravel Mix 上列出的文档中，我应该这样做以指定Vue 3

当我webpack.mix.js这样配置时，它最终会抛出错误Can't resolve 'vue' in path/to/file

- 原来的 -

尝试在 Vue 3 中使用 Fragments，但它们不起作用。

这是我的代码

这是错误：

Component template should contain exactly one root element. If you are using v-if on multiple elements, use v-else-if to chain them instead.

阅读文档后，它提到：In 3.x, components now can have multiple root nodes! However, this does require developers to explicitly define where attributes should be distributed.

我认为我没有传递任何属性。在我不知情的情况下，我还能运行 Vue 2 吗？

所以我偶然发现了无头 ui，因为 tailwind ui 使用它来实现它们的功能，但我的代码不起作用..我已经成功安装了 vue 3，这是 headlessui/vue 的要求，但我无法让它最终工作。这是我正在谈论的代码

这是我的 package.json 和依赖项

然后是我处理我的 vue 组件的 app.js

如果我了解这种结构的工作原理，我真的希望任何人都可以帮助我，这将对我的职业生涯有很大帮助

在某处使用 Vue 3 和 Laravel 时，我遇到了以下问题。我刚刚开始，并且有一个几乎干净的应用程序，仍然可以看到这个问题存在。也就是说，来自 Laravel 8 的 Vuejs 3 不适用于我。我在控制台中收到错误：

[Vue 警告]：无法解析组件：app.js:13797 处的应用

应用程序.js

应用程序.vue

webpack.mix.js

欢迎.blade.php

请帮我解决一下这个。:)