使用 Vercel 的下一个 js 自定义目录

Question

我想问下如何用vercel部署下一个js

这里是我修改过的下一个 js 结构。

前端（下一个js当前目录）
node_modules
next.config.js
jsconfig.json
包-lock.json
package.json

package.json 中的脚本。

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

next.config.js 中的脚本。

const path = require('path')

const alias = {
  '@/components': path.join(__dirname, 'frontend', 'components'),
  '@/containers': path.join(__dirname, 'frontend', 'containers'),
  '@/styles': path.join(__dirname, 'frontend', 'scss')
}

module.exports = {
  reactStrictMode: true,
  sassOptions: {
    includePaths: [path.join(__dirname, 'frontend/scss')]
  },
  images: {
    domains: ['source.unsplash.com'],
    loader: 'imgix', // this is a hack until the bug is fixed
    path: 'https://noop/'
  },
  webpack: (config) => {
    config.resolve.alias = Object.assign(
      {},
      config.resolve.alias,
      alias
    )

    return config
  }
}

当我导入到 vercel 并部署时，只有构建成功，然后跟随此消息：

Error: The file "/vercel/path1/.next/routes-manifest.json" couldn't be found. This is normally caused by a misconfiguration in your project.

我必须调整构建输出吗？或者有什么更好的方法吗

Answer 1

在部署之前检查您是否运行 yarn remove next 解决问题

Answer 2

我在 vercel use frontend/.next 中使用覆盖 OUTPUT DIRECTORY 解决了这个问题。希望这对其他人有帮助。

使用 Vercel 的下一个 js 自定义目录

Next js Custom Directory with Vercel

javascript

next.js

vercel