Build failed because of webpack errors

node:16.4.0 using the template with-typescript-tailwindcss

Build error occurred
Error: > Build failed because of webpack errors
    at C:\Users\zhxie\Program files\Github\nuxt-electrion\node_modules\next\dist\build\index.js:15:924
    at async Span.traceAsyncFn (C:\Users\zhxie\Program files\Github\nuxt-electrion\node_modules\next\dist\telemetry\trace\trace.js:6:584)

after use ‘yarn build’

[juicyjusung]

@TRUEJASONFANS I don’t know if this is the right solution.

next.config.js

module.exports = {
  webpack: (config, { isServer }) => {

    if (!isServer) {
      config.target = 'electron-renderer';
      config.node = {
        __dirname: true,
      }
    }
    return config;
  },
};

[larskarbo]

@TRUEJASONFANS I don’t know if this is the right solution.

next.config.js

module.exports = {
  webpack: (config, { isServer }) => {

    if (!isServer) {
      config.target = 'electron-renderer';
      config.node = {
        __dirname: true,
      }
    }
    return config;
  },
};

This worked for me!