我将fs添加到我的nextjs项目中，并收到以下错误：

未找到模块：无法在'/ Users / neven / Development / next-js / node_modules / dotenv / lib'

我发现要解决此问题，应将 config.node = {fs：'empty'} 添加到我的next.config.js文件中。 问题在于，当我添加该配置参数时，dotenv插件将停止工作，即在客户端未加载env变量。

这是我的next.config.js文件，该文件可以正常运行。

const withCSS = require('@zeit/next-css')
const dotenv = require('dotenv')
const path = require('path')
const Dotenv = require('dotenv-webpack')

dotenv.config()

module.exports = withCSS({
  webpack: config => {
    config.plugins = config.plugins || []

    config.plugins = [
      ...config.plugins,// Read the .env file
      new Dotenv({
        path: path.join(__dirname,'.env'),systemvars: true,}),]

    return config
  },})

然后当我添加 fs：'empty'时，它看起来像这样：

const withCSS = require('@zeit/next-css')
const dotenv = require('dotenv')
const path = require('path')
const Dotenv = require('dotenv-webpack')

dotenv.config()

module.exports = withCSS({
  webpack: config => {
    config.plugins = config.plugins || []

    config.node = {
      fs: 'empty'
    }

    config.plugins = [
      ...config.plugins,})

您对我如何解决这个问题有任何建议吗？

如果需要其他详细信息，请告诉我。