Next.js项目中通过Amplify运行Storybook的构建错误求助

问题背景 #

原本基于Next.js SSR的项目，想在Amplify上部署Storybook，已将Amplify框架设置改为React，应用平台保留Web Compute，并更新了amplify.yaml配置构建Storybook输出到storybook-static目录，但构建始终失败，错误提示系统仍在寻找Next.js的standalone目录。

错误核心原因 #

Amplify会根据项目中的文件（比如next.config.js）自动推断框架类型，即使手动修改了控制台的框架设置，也可能残留Next.js的部署逻辑，导致构建完成后尝试寻找Next.js特有的standalone目录。

解决步骤 #

1. 强制指定框架类型到React #

修改amplify.yaml，在frontend节点下添加framework: react字段，明确告诉Amplify按React项目处理，跳过Next.js的部署流程：

version: 1
frontend:
  framework: react
  phases:
    preBuild:
      commands:
        - nvm install
        - nvm use
        - yarn install --immutable
    build:
      commands:
        - npm run build-storybook
  artifacts:
    baseDirectory: storybook-static
    files:
      - "**/*"
  cache:
    paths:
      - node_modules/**/*

2. 确认Amplify控制台的框架设置 #

进入Amplify控制台的项目设置 → 构建设置，确认框架类型已设置为React，避免控制台配置与yaml文件冲突。

3. 清除构建缓存并重新构建 #

在Amplify控制台的构建页面，找到最近的构建记录，点击「清除缓存并重新构建」，确保之前Next.js相关的缓存配置被完全清除。

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