函数未正确部署，错误提示“找不到有效的构建”

Question

正如标题所说，目前我无法从我的终端部署功能。我想正常部署功能。看来 Next 会碍事。

我的项目文件夹目录结构如下：

- root 
  - dist 
  - src 
     - app
     - functions <- I only want to deploy this folder to Cloud Functions
     - public
  - node_modules
  - package.json 
  - jest.config.js
  - firebaserc

  And other setting files are managed here

这是 firebase.json

{
  ....

  "functions": {
    "predeploy": [
      "npm run lint",
      "npm run build"
    ],
    "source": "."
  },

  ...
}

这是我的 package.json

{
"name": "functions",
  "scripts": {
    "dev": "NODE_ENV=development next src/app",
    "clean": "rimraf dist",
    "build:app": "npm run clean && NODE_ENV=development next build src/app",
    "build:app:prod": "npm run clean && NODE_ENV=production next build src/app",
    "start:app": "next start src/app",
    "lint": "tslint --project src/functions/tsconfig.json",
    "build": "tsc --project src/functions",
    "serve": "npm run build && firebase emulators:start --only functions,hosting",
    "shell": "npm run build && firebase functions:shell",
    "start": "npm run shell",
    "deploy": "npm run build && firebase deploy --only functions",
    "deploy:hosting": "firebase deploy --only functions:hosting",
    "logs": "firebase functions:log"
  },
"main": "dist/functions/index.js",
"dependencies": {.....}
}

这是执行脚本时下面控制台中的错误消息所说的内容：

Running command: npm run build

> functions@ build /Users/{user}/Desktop/{project}
> tsc --project src/functions

✔  functions: Finished running predeploy script.
i  functions: ensuring required API cloudfunctions.googleapis.com is enabled...
i  functions: ensuring required API cloudbuild.googleapis.com is enabled...
✔  functions: required API cloudbuild.googleapis.com is enabled
✔  functions: required API cloudfunctions.googleapis.com is enabled
i  functions: preparing . directory for uploading...

Error: Error occurred while parsing your function triggers.

Error: Could not find a valid build in the '/Users/{user}/Desktop/{project}/dist/functions/next' directory! Try building your app with 'next build' before starting the server.

我不知道为什么会出现这个错误？我在这里做错了什么？配置/json文件有问题吗？？

Answer 1

我建议你先阅读官方的nextjs tutorial。

您使用 nextjs 以便您的网站页面在服务器而不是客户端中生成，在构建时 (SSG) 或请求时 (SSR) 预渲染页面，这样做主要是为了使网站 SEO 友好。这就是为什么您需要在根目录中包含所有页面的 pages 目录。

你的脚本也需要修改，至少应该有如下内容：

"scripts": { 
    "dev": "next",
    "build": "next build",
    "start": "next start" 
},

这样，当您执行npm build 时，nextjs 将构建您项目的“构建版本”，您可以稍后部署。