小编Gui*_*ost的帖子

我几周前已更新到 Firebase v9，在尝试将我的 Firebase 应用程序连接到 Firestore 模拟器时遇到问题。

firebase.js（我的 VueJS 插件，我在其中设置 Firebase）：

import { initializeApp, getApps } from "firebase/app"
import { getAuth, connectAuthEmulator, onAuthStateChanged } from "firebase/auth";
import { getFirestore, connectFirestoreEmulator } from "firebase/firestore"
import { getStorage, connectStorageEmulator } from "firebase/storage";
import { getFunctions, connectFunctionsEmulator } from 'firebase/functions';
import { isSupported, getAnalytics } from "firebase/analytics";

export default async ({ app }, inject) => {

  const firebaseConfig = {
    apiKey: process.env.FIREBASE_API_KEY,
    authDomain: process.env.FIREBASE_AUTH_DOMAIN,
    databaseURL: process.env.FIREBASE_DATABASE_URL,
    projectId: process.env.FIREBASE_PROJECT_ID,
    storageBucket: process.env.FIREBASE_STORAGE_BUCKET,
    messagingSenderId: process.env.FIREBASE_MESSAGING_SERVICE_ID,
    appId: …

我在最新版本v0.7.1上遇到了Nuxt-image插件的问题：在生产中，图像未通过 nuxt-image 和默认IPX 提供程序加载。

我很难理解这是否是配置错误、打包/部署问题或来自 nuxt / nuxt-image / ipx 的错误。

详细信息如下：

在开发中，它运行良好：

\n
• \xe2\x9c\x85<nuxt-img>标签替换为<img>带有 _ipx/ 路径和修饰符的标签
\n
• \xe2\x9c\x85 IPX 服务器/中间件正在工作并解析以 /_ipx 开头的路径
\n
• \xe2\x9c\x85 图像通过 IPX，位于/_ipx/f_webp,q_80,s_1024x683/images/photos/my-photo.jpgload well等路径
\n

然而在生产中：

\n
• \xe2\x9c\x85<nuxt-img>标签替换为<img>带有 _ipx/ 路径和修饰符的标签
\n
• \xe2\x9c\x85 IPX 服务器/中间件正在工作并尝试解析以 _ipx 开头的路径
\n
• /_ipx/f_webp,q_80,s_1024x683/images/photos/my-photo.jpgIPX 找不到类似路径的 \xe2\x9d\x8c 图像，并显示错误： “错误：未找到\n在此找不到请求的 URL /_ipx/f_webp,q_80,s_1024x683/imagesphotos/photo1.jpg服务器。”
\n

我已经检查过原始图像确实是从我的静态文件夹部署的，并且可以在路径/images/photos/my-photo.jpg中找到 …

我已经成功地将vue-i18n库很好地集成到我的开发环境中，并且它运行得很好。

但是，当我在 Heroku 上部署项目时，使用 vue-i18n复数或链接区域设置消息的每条消息都不会被解释，并显示整个区域设置消息字符串：

我已经就回购协议展开了讨论，但到目前为止还没有回复......

我在Nuxt3插件中使用 vue-i18n (9.2.2)，因此使用VueJS 3 ，并使用Vite和 vue-i18n vite-plugin-vue-i18n插件进行构建。

Nuxt3配置（nuxt.config.ts），显示Vite插件配置来解析语言环境JSON文件：

import { defineNuxtConfig } from 'nuxt'
import { resolve, dirname } from 'node:path'
import { fileURLToPath } from 'url'
import VueI18nVitePlugin from '@intlify/unplugin-vue-i18n/vite'

export default defineNuxtConfig({
  ...
  vite: {
    plugins: [
      VueI18nVitePlugin({
        include: [
          resolve(dirname(fileURLToPath(import.meta.url)), './locales/*.json')
        ]
      })
    ]
  },
 ...
});

vue-i18n 的 Nuxt 插件 (plugins/vue-i18n.ts) ：

import { createI18n } from 'vue-i18n' …