安装 vue-meta 后，我的浏览器控制台出现错误。

为什么会出现这个错误？是我的代码还是错误？我正在使用vue-meta@2.4.0和 Vue 3。

main.js

应用程序.vue

主页.vue

我正在使用 Nuxt SSR 动态注入head 属性来设置页面级元数据。数据是从 Firebase 获取的。我得到未定义的属性，因为它不等待发布数据完成加载。如何在 head 属性之前等待 post 数据？

我一直在努力解决head()子页面中的方法。您可以在图像中看到我的文件结构。index.vue与head() 方法完美配合。但是index.vue当我使用nuxt generate.

我的配置是ssr: true和target: static。我尝试了很多事情并花了很多时间来解决这个问题。我没有找到合适的解决方案。

index.vue head 部分：

couriers.vue head部分：

任何建议将不胜感激。提前致谢。

编辑：我发现了问题。我通过从nuxt router. 我做了一些逻辑来显示列表的良好状态。不知何故，这个操作打破了 nuxt 的生成逻辑。在我的逻辑中，我只是迭代路由数组并创建一个与父子关联的新数组。但是当我使用nuxt generate. 所以我从我的 html 站点地图数组中删除了子页面，它按预期工作。现在，我正在尝试找到一种解决方案来解决如何将子页面添加到我的 html 站点地图页面中。我希望我能找到。

我在我的应用程序中使用 nuxt 并具有默认模式，即通用模式。因为我需要支持元标记。但是即使我有 ssr 模式并且在检查页面时我可以看到 ssr 的东西，它会选择默认的元描述、图像等，而不是我在不同页面中提到的动态描述。

如下图所示，我也隐藏了提到，以避免重复，但它仍然选择配置文件中的默认值

当我访问我的内部页面vue-meta时，新页面值不会更新。

代码

app.js

App.vue（主要成分）

post.vue（内部组件）

任何想法？

更新

当我发布这个问题时，它是关于没有更新的，然后在做了一些研究并玩弄了我的代码之后，我意识到我的vue-meta 得到了更新，但是，晚了，它会导致社交网络网站和 SEO 检查器无法正确检索我的 URL。

阐明

1. Vue-meta 得到更新但迟到了
2. 此延迟更新导致共享和验证的时间链接无法呈现 SEO。

My full meta tags code

额外的

1. 最近我读到一篇文章，因为基于 JavaScript 社交媒体爬虫的 vue-meta（一般 Vue）加载不会缓存它们，因此当我在 FB 或 Twitter 等中分享它们时，无法看到我的链接详细信息。

2. 建议的解决方案是使用 Nuxt 并返回元数据服务器端。

问题

1. 我不确定上面的#1 有多少是正确的，但它有可能
2. 我的应用程序一般不使用 Nuxt，但我只是安装了它的 npm 包，所以可能值得一试（正如我提到的，我从未使用过 Nuxt，所以如果你的帮助解决方案是这种情况，如果你能提供一点，我将不胜感激额外的细节到你的答案）。

我正在尝试使用 GridsomemetaInfo创建带有当前帖子封面图像的Twitter 卡片，但该图像未显示在卡片中。

由于g-image知道如何解析图像路径，因此我必须使用它才能将图像路径放入meta标签中。

编辑- 这个问题是为了记录我的知识，我知道答案，我希望这个问题本身会很好

似乎Vue Meta已经升级为使用名为的新 npm 包来处理 Vue.js 3vue-3-meta

vue-meta在 Vue.js 3 之前，通过将其添加到 Vue 实例中很容易使用：

但是在 Vue.js 3 中，没有 Vue 实例；而是通过createApp像这样运行来创建应用程序：

我找不到vue-3-meta. import VueMeta from 'vue-meta'不再工作。

如何正确导入插件并像以前的版本一样vue-3-meta使用它？app

我尝试使用nuxt-property-decorator在 nuxtjs 中添加元标签，但只添加了标题标签，但没有添加其他元标签

而且我也使用了 vue-meta包，但我也未能解决这个问题

1. 这就是我的代码的样子：

从上面的代码只添加标题标签

2. 尝试使用 Nuxtjs文档代码：

它没有添加任何东西

3. 即使以这种方式尝试，这也不起作用

4. 其他方式在类中添加代码。没用。

5. 另一种方式。

我正在尝试使用以下代码设置动态开放图元标记

我已经记录了 postDetails 并且数据在 asyncData 函数中。现在，当我打开页面并检查元标记时，元标记已完全更改，但是当我打开 facebook 并粘贴或按 ctrl + u 时，它只显示其默认打开的图形标记。我在这里做错了什么？有人可以帮忙吗？

我正在使用Ruby 2.5.1、Rails 6.0.3.4 和Vue 2.6。

在铁轨上，

应用程序.html.erb

对于 Vue：

javascript/packs/application.js

javascript/routes.js

关于我们.vue

当我检查时，我可以看到：

在我的本地服务器上，我可以看到来自 vue 的更新标签。

但是当我们去生产或在https://developers.facebook.com/tools/debug/

这是我的后端标题

和警告如：

推断属性

'og:image' 属性应该明确提供，即使可以从其他标签中推断出一个值。

缺少属性

缺少以下必需属性：og:url、og:type、og:title、og:image、og:description、fb:app_id