nuxt-i18n 相关问题

使用 Nuxt/Image 模块并构建应用程序时，图像 URL 将更改为 https://domain.x/_ipx/_/images/foods/Appetizaer/Garlic-Bread.png。然而，图像不能被看...

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

我正在学习使用Nuxt，目前正在尝试使用nuxt-bridge，它带有大多数Nuxt3功能，同时保持我需要的nuxt-auth-next模块的兼容性。截至目前，我正在开发我的 API，你...

开发工具错误我目前正在尝试在我的 nuxt 3 项目中实现 PWA 功能，但我不断遇到这个问题：[Vue Router warn]: No match found for location with path "/icon_512x512...

如何使用 Nuxt 中间件正确检查 Firebase Auth？

我有一个与 Firebase 连接的 Nuxt 应用程序。我有一个可组合的 useAuth() ，代码如下：从 'firebase/auth' 导入 { type User, onAuthChangedListener }; 导出默认函数 () { c...

Nuxt 3：如何从浏览器网络 Fetch/XHR 请求列表中隐藏服务器 api 调用请求？

我有 Nuxt 3 项目，有两个页面和一个服务器 api：配置文件：nuxt.config.ts 导出默认的defineNuxtConfig({ 路线规则：{ '/api/**': { 缓存：{ maxAge：60 ...

Django 中的本地化是如何工作的？

我阅读了http://docs.djangoproject.com/en/1.3/topics/i18n/localization/的一些主题但还不明白我需要做什么。首先我打算做什么... 我创建了一个新的应用程序，cal...

使用自定义React）组件（在Echarts工具提示中带有钩子

我目前正在使用echarts实现散点图。我想使用一个 i18n 函数，它使用 intl lib 中的 formatNumber 。问题是我不知道是否需要写...

使用 Nuxt 3 和 Storyblok 使用 Netlify 生成静态站点

我正在尝试使用 Nuxt 3 构建一个静态站点，我希望该站点 100% 静态，无需任何 API 调用。为了实现这一目标，我创建了 nuxt.config.ts 文件，如下所示。 // 仅显示相关...

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

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

React 覆盖语言环境

当我更改路线或重新加载页面时，语言会重置。在控制台上我收到以下日志消息： i18next: 语言更改 zh 我认为这是由于这个电话而发生的：常量 { i18n } =

我收到“此无服务器功能已崩溃”。当我将 NUXT js 应用程序部署到 Vercel 时

我在 NUXT JS 上构建了我的应用程序并将其部署在 Vercel 上，但出现如下错误。当我打开函数日志时，它向我显示的是以下内容。这是错误代码的完整描述我...

在 Vuetify 中删除边距和填充

所以我对 Vuetify 和前端开发几乎是全新的，如果我的问题很简单或者太模糊，我很抱歉。我正在尝试使用 Nuxt 和 Vuetify 构建一个网站，但我...

Nuxt 3，Pinia 根据布尔状态更新 bodyClass

是否可以根据 Pinia 商店的商店布尔值动态更新主体类？我能够在页面加载时获取该值，但当我切换路由时它不会更新。店铺：经验...

Vue 3-Nuxt 3 Composables 不控制台日志

我正在尝试使用可组合项进行 console.log，它曾经工作正常，但现在它不起作用。这就是我试图做的：〜/可组合项/测试/index.ts 导出函数 useTester() { 控制台.log(...

Nuxt 3 水合儿童不匹配

我使用异步等待从服务器获取一个简单的类别列表，一切正常。接下来，我需要输出一个简单的 v-for 列表，然后我收到此警告。我可以删除...的所有内容

NPM 失败，尝试在arm64 机器上安装x64 依赖项

我全新安装了 Nuxt 3，它是在我的 x64 PC 上创建的。在此阶段，除了初始设置之外，没有任何更改。 Git 仓库我面临的问题是当将其克隆到我的 M1 MacBook 时，r...

嵌套 useFetch 导致 Nuxt 3 中的 Hydration 节点不匹配

在 Nuxt 3 页面内，我通过从 pinia 存储调用操作来获取帖子数据： {{ 发布数据 }} {{ 帖子内容... 在 Nuxt 3 页面内，我通过从 pinia 商店调用操作来获取帖子数据： <template> <div v-if="postData && postContent"> {{ postData }} {{ postContent }} </div> </template> <script setup> const config = useRuntimeConfig() const route = useRoute() const slug = route.params.slug const url = config.public.wpApiUrl const contentStore = useContentStore() await contentStore.fetchPostData({ url, slug }) const postData = contentStore.postData const postContent = contentStore.postContent </script> 那是我的商店： import { defineStore } from 'pinia' export const useContentStore = defineStore('content',{ state: () => ({ postData: null, postContent: null }), actions: { async fetchPostData({ url, slug }) { try { const { data: postData, error } = await useFetch(`${url}/wp/v2/posts`, { query: { slug: slug }, transform(data) { return data.map((post) => ({ id: post.id, title: post.title.rendered, content: post.content.rendered, excerpt: post.excerpt.rendered, date: post.date, slug: post.slug, })); } }) this.postData = postData.value; if (postData && postData.value && postData.value.length && postData.value[0].id) { const {data: postContent} = await useFetch(`${url}/rl/v1/get?id=${postData.value[0].id}`, { method: 'POST', }); this.postContent = postContent.value; } } catch (error) { console.error('Error fetching post data:', error) } } } }); 浏览器中的输出正常，但我在浏览器控制台中收到以下错误： entry.js:54 [Vue warn]: Hydration node mismatch: - rendered on server:  - expected on client: div at <[slug] onVnodeUnmounted=fn<onVnodeUnmounted> ref=Ref< undefined > > at <Anonymous key="/news/hello-world()" vnode= {__v_isVNode: true, __v_skip: true, type: {…}, props: {…}, key: null, …} route= {fullPath: '/news/hello-world', hash: '', query: {…}, name: 'news-slug', path: '/news/hello-world', …} ... > at <RouterView name=undefined route=undefined > at <NuxtPage> at <Default ref=Ref< undefined > > at <LayoutLoader key="default" layoutProps= {ref: RefImpl} name="default" > at <NuxtLayoutProvider layoutProps= {ref: RefImpl} key="default" name="default" ... > at <NuxtLayout> at <App key=3 > at <NuxtRoot> 如何解决这个问题？我尝试在 onMounted 中获取帖子数据，但在这种情况下 postData 和 postContent 保持为空 onMounted(async () => { await contentStore.fetchPostData({ url, slug }) }) 您可以使用 ClientOnly 组件来消除该警告。请参阅文档了解更多信息。该组件仅在客户端渲染其插槽。

nuxt-i18n 相关问题

最新问题