在 Next js 项目中使用 Instascan 时无法解析“fs”答案

【问题标题】：Can't resolve 'fs' when using Instascan in Next js project在 Next js 项目中使用 Instascan 时无法解析“fs”
【发布时间】：2020-01-07 12:06:39
【问题描述】：

我试图在我的Next JS 项目中使用Instascan，但我收到了一个错误Module not found: Can't resolve 'fs' in '/node_modules/instascan/src'。我假设这与SSR有关。我尝试使用基于this comment 的next.config.js 文件设置webpack 配置：

module.exports = {
    webpack: (config) => {
        return Object.assign({}, config, {
            node: {
                fs: 'empty'
            }
        })
    },
};

但这似乎也不起作用，我认为是因为 webpack 配置是针对客户端的？我读到人们也有bundle their server using webpack，不是100% 确定next 是否是这种情况，也不确定这是否能解决任何问题。谁能在这里指导我找到某种解决方案？不太确定我该如何继续前进。

【问题讨论】：

标签： javascript node.js webpack next.js server-side-rendering

【解决方案1】：

老实说，我看不出有什么区别，但是使用扩展运算符似乎可以解决这个问题？

module.exports = {
  webpack: (config) => {
    return {
      ...config,
      node: {
        fs:
          'empty'
        }
      }
   }
};

现在我遇到了一个Instascan 特有的问题，因此已关闭。

【讨论】：