[Bug] Bug for build the project

[tesshsu]

Version

1.0.0

Reproduction link

https://github.com/creativetimofficial/notus-nextjs?ref=twnjs-index

Operating System

node js

Device

desktop

Browser & Version

chrome 86.0.4240.75

Steps to reproduce

1. npm install ( install the project from https://github.com/creativetimofficial/notus-nextjs)
2. npm run dev ( développe the project )
3. npm run build

What is expected?

Build in .next file

What is actually happening?

Build error occurred Error: > Build failed because of webpack errors at build (C:\Users\TESS\Documents\GitHub\01car.fr\front\node_modules\next\dist\build\index.js:15:918) at runMicrotasks () at processTicksAndRejections (internal/process/task_queues.js:93:5)

---

Solution

Had install webpack, no work change next.config.js module.exports = { distDir: 'build', }

Still got the same error

Additional comments

Might be had to change the webpack version ?

[Adamkaram]

No the proplem is with next.config.js i have had the same issue for 3 hours but finally i fix it still here is my answer > chang this entire file script to ` const withPlugins = require("next-compose-plugins"); const withImages = require("next-images"); const withSass = require("@zeit/next-sass"); const withCSS = require("@zeit/next-css"); const withFonts = require("next-fonts"); const path = require("path");

module.exports = withFonts( withCSS( withImages( withSass({ cssLoaderOptions: { // this solves the issue url: false }, webpack(config, options) { config.module.rules.push({ test: /.(woff|woff2|eot|ttf|otf)$/, test: /.xml$/, use: { loader: "url-loader", loader: 'xml-loader',

        },
      });
      config.resolve.modules.push(path.resolve("./"));
      return config;
    },
  })
)

)

);` and in page/_app.js

PUT THAT URL IN HEAD TAG <style>{@import url(https://use.fontawesome.com/releases/v5.6.3/css/all.css)}</style>

[tesshsu]

Tks, my case was some component which had import but should be used but not been used And it is resolved in this case