Nextjs:我如何构建下一个应用程序并将其部署到netlify？

Question

文件夹结构：

​

​

我从事Web3.0项目的工作。现在我想向我的老板展示一个演示，我正在尝试创建这个构建并上传到Netlify。运行纱线运行生成会导致错误。我是next.js的新手，不能解决这个问题。如果你能的话，请帮帮我。

 yarn run v1.22.19
    $ next build
    Browserslist: caniuse-lite is outdated. Please run:
    npx browserslist@latest --update-db
    
    Why you should do it regularly:
    https://github.com/browserslist/browserslist#browsers-data-updating
    info  - Checking validity of types
    Browserslist: caniuse-lite is outdated. Please run:
    npx browserslist@latest --update-db
    
    Why you should do it regularly:
    https://github.com/browserslist/browserslist#browsers-data-updating
    
    Failed to compile.

   //  Warnings and errors 

info  - Need to disable some ESLint rules? Learn more here: https://nextjs.org/docs/basic-features/eslint#disabling-rules
error Command failed with exit code 1.
info Visit https://yarnpkg.com/en/docs/cli/run for documentation about this command.

Package.json：

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

.eslintrc.json：

{
  "extends": "next/core-web-vitals"
}

Answer 1

在项目路径中，运行以下命令：

npx browserslist@latest --update-db

或者，不建议更改您的.eslintrc.json

{
  "extends": "next",
  "rules": {
    "react/no-unescaped-entities": "off",
    "@next/next/no-page-custom-font": "off"
  }
}