如何在 NextJS 13 中使用 Turbopack 解析模块

Question

Node API 在客户端上不可用，但许多 NextJS 项目都嵌套依赖于这些 API（即

fs

）。使用 webpack 可以很容易地根据客户端/服务器环境调整模块的解析方式，但不清楚如何使用 Turbopack 来做到这一点。

是否有像下面的 webpack 那样的 Turbopack 解决方法？

webpack: (config, { isServer }) => {
    if (!isServer) {
      config.resolve.fallback.fs = false;
    }
    return config;
  },

Answer 1

这对我有用🥂

// next.config.js
module.exports = {
  experimental: {
    turbo: {
      resolveAlias: {
        fs: false, // This effectively ignores 'fs' module on the client side
      },
    },
  },
};