nuxtjs3 - 使用 Cloudflare 页面的 Nuxt3 部署失败

Question

我已经在本地成功编译了我的 nuxt3 项目。但是部署不适用于云耀斑页面

00:14:35.140    Executing user command: npm run generate
00:14:35.613    
00:14:35.613    > generate
00:14:35.613    > nuxt generate
00:14:35.614    
00:14:35.725    Nuxt CLI v3.0.0-rc.3-27567768.c1f728e
00:14:38.919    ✔ Using ~/components/content for components in Markdown
00:14:43.437    ℹ Vite client warmed up in 3072ms
00:14:44.646    ℹ Client built in 4280ms
00:14:44.681    ℹ Building server...
00:14:47.053    ✔ Server built in 2373ms
00:14:47.249    ✔ Generated public dist
00:14:47.249    ℹ Initializing prerenderer
00:14:50.871    ℹ Prerendering 4 initial routes with crawler
00:14:50.891      ├─ / (20ms) 
00:14:50.894      ├─ /200 (3ms) 
00:14:50.897      ├─ /404 (3ms) 
00:14:50.958      ├─ /api/_content/cache (61ms) 
00:14:50.971    ✔ You can now deploy .output/public to any static hosting!
00:14:51.017    Finished
00:14:51.018    Note: No functions dir at /functions found. Skipping.
00:14:51.018    Validating asset output directory
00:14:51.018    Error: Output directory ".output/public" not found.
00:14:52.095    Failed: build output directory not found

失败并显示“错误:未找到输出目录“.output/public”。”但实际上该目录是在几行之前生成的。有解决这个问题的线索吗？

Answer 1

我解决了这个问题:

添加 Nitro 输出配置 [1] [2]到 nuxt.config.ts:

export default defineNuxtConfig({
    "nitro": {
        "output": {
            dir: 'output',
            serverDir: 'output/server',
            publicDir: 'output/public'
        }
    }
})

在 Cloudflare Pages 中，将构建输出目录设置为:server/output/public。

我认为问题是由 CloudFlare 端的默认部署脚本引起的，检查 .output 是否存在，但无法看到“隐藏”(以点开头)文件夹。

17:27:08.682    Validating asset output directory
17:27:08.682    Error: Output directory ".output/public" not found.

编辑 (2022-07-10) 发现 a cleaner way :

• 将 "target": "static" 添加到 nuxt.config.ts
• 用作 CloudFlare Pages 构建命令:./node_modules/.bin/nuxt generate
• 将 CloudFlare Pages 构建输出目录设置为 dist