Nuxt构建阶段从Firestore取数写入文件的实现报错问题

你的代码存在几个核心问题，导致无法正常运行：

1. 执行位置错误：nuxt.config.js的head配置项用于定义页面meta标签、脚本等静态资源，并非执行异步数据获取和文件写入的场景，配置解析阶段的环境不支持这类操作。
2. 环境权限限制：浏览器客户端环境没有fs模块的访问权限，无法写入本地文件；这类文件操作只能在服务器端或项目构建阶段执行。
3. 路径与SDK适配问题：相对路径lang/todos_1.json在不同执行环境下可能指向错误位置；客户端Firebase SDK在构建/服务器端初始化存在兼容性问题。

正确实现方案（构建阶段执行） #

我们通过Nuxt的构建钩子，结合Firebase Admin SDK（服务器端专用，无需用户认证）完成数据拉取与文件写入：

1. 安装依赖 #

npm install firebase-admin

2. 准备Firebase Admin凭证 #

从Firebase控制台下载服务账号密钥文件（命名为serviceAccountKey.json），放置在项目根目录，并添加到.gitignore避免泄露。

3. 修改nuxt.config.js #

const admin = require('firebase-admin')
const fs = require('fs')
const path = require('path')

// 初始化Firebase Admin（避免重复初始化）
const serviceAccount = require('./serviceAccountKey.json')
if (!admin.apps.length) {
  admin.initializeApp({
    credential: admin.credential.cert(serviceAccount)
  })
}

export default {
  // 你的其他Nuxt配置...
  build: {
    extend(config, { isDev, isClient }) {
      // 仅在服务器端/构建阶段执行
      if (!isClient) {
        const db = admin.firestore()
        db.collection('english').doc('english').get()
          .then(doc => {
            if (doc.exists) {
              // 生成绝对路径避免路径错误
              const targetPath = path.resolve(__dirname, 'lang/todos_1.json')
              fs.writeFileSync(targetPath, JSON.stringify(doc.data(), null, 2), 'utf-8')
              console.log('✅ 成功写入lang/todos_1.json')
            } else {
              console.log('❌ 未找到目标文档')
            }
          })
          .catch(err => {
            console.error('❌ 获取文档失败：', err)
          })
      }
    }
  }
}

关键注意事项 #

• 如果是静态站点生成（nuxt generate），可将代码移至generate钩子，确保静态文件生成前完成数据写入。
• 若需在运行时动态更新文件，可通过Nuxt API路由实现（服务器端接口中执行Firestore读取与文件写入）。
• 务必保护好serviceAccountKey.json，不要提交到版本控制系统。

内容的提问来源于stack exchange，提问作者Santiago