My NextJS project builds locally but I am getting the following error:
./src/app/[lang]/globals.css.webpack[javascript/auto]!=!./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[5].oneOf[12].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[5].oneOf[12].use[3]!./src/app/[lang]/globals.css
./src/app/[lang]/globals.css
./src/app/[lang]/globals.css
Error: Cannot find module ‘tailwindcss’
Any help will be greatly appreciated.
Aug 12 01:11:50 PM ==> It looks like we don’t have access to your repo, but we’ll try to clone it anyway.
Aug 12 01:11:50 PM ==> Cloning from GitHub - seanchatmangpt/nextjs-hello-world: Deploy a nextjs hello world app to Render.…
Aug 12 01:11:50 PM ==> Checking out commit bb9033fbd084c9daa111143958097437812c8951 in branch master
Aug 12 01:11:53 PM ==> Downloading cache…
Aug 12 01:12:12 PM ==> Transferred 184MB in 9s. Extraction took 7s.
Aug 12 01:12:20 PM ==> Using Node version 19.9.0 via environment variable NODE_VERSION
Aug 12 01:12:20 PM ==> Docs on specifying a Node version: Specifying a Node Version | Render
Aug 12 01:12:22 PM ==> Running build command ‘yarn; yarn build --debug’…
Aug 12 01:12:22 PM yarn install v1.22.5
Aug 12 01:12:22 PM [1/4] Resolving packages…
Aug 12 01:12:22 PM [2/4] Fetching packages…
Aug 12 01:12:48 PM info @next/swc-darwin-arm64@13.4.13: The platform “linux” is incompatible with this module.
Aug 12 01:12:48 PM info “@next/swc-darwin-arm64@13.4.13” is an optional dependency and failed compatibility check. Excluding it from installation.
Aug 12 01:12:48 PM info @next/swc-darwin-arm64@13.4.13: The CPU architecture “x64” is incompatible with this module.
Aug 12 01:12:48 PM info @next/swc-darwin-x64@13.4.13: The platform “linux” is incompatible with this module.
Aug 12 01:12:48 PM info “@next/swc-darwin-x64@13.4.13” is an optional dependency and failed compatibility check. Excluding it from installation.
Aug 12 01:12:48 PM info @next/swc-linux-arm64-gnu@13.4.13: The CPU architecture “x64” is incompatible with this module.
Aug 12 01:12:48 PM info “@next/swc-linux-arm64-gnu@13.4.13” is an optional dependency and failed compatibility check. Excluding it from installation.
Aug 12 01:12:48 PM info @next/swc-linux-arm64-musl@13.4.13: The CPU architecture “x64” is incompatible with this module.
Aug 12 01:12:48 PM info “@next/swc-linux-arm64-musl@13.4.13” is an optional dependency and failed compatibility check. Excluding it from installation.
Aug 12 01:12:48 PM info @next/swc-win32-arm64-msvc@13.4.13: The platform “linux” is incompatible with this module.
Aug 12 01:12:48 PM info “@next/swc-win32-arm64-msvc@13.4.13” is an optional dependency and failed compatibility check. Excluding it from installation.
Aug 12 01:12:48 PM info @next/swc-win32-arm64-msvc@13.4.13: The CPU architecture “x64” is incompatible with this module.
Aug 12 01:12:48 PM info @next/swc-win32-ia32-msvc@13.4.13: The platform “linux” is incompatible with this module.
Aug 12 01:12:48 PM info “@next/swc-win32-ia32-msvc@13.4.13” is an optional dependency and failed compatibility check. Excluding it from installation.
Aug 12 01:12:48 PM info @next/swc-win32-ia32-msvc@13.4.13: The CPU architecture “x64” is incompatible with this module.
Aug 12 01:12:48 PM info @next/swc-win32-x64-msvc@13.4.13: The platform “linux” is incompatible with this module.
Aug 12 01:12:48 PM info “@next/swc-win32-x64-msvc@13.4.13” is an optional dependency and failed compatibility check. Excluding it from installation.
Aug 12 01:12:48 PM info fsevents@2.3.2: The platform “linux” is incompatible with this module.
Aug 12 01:12:48 PM info “fsevents@2.3.2” is an optional dependency and failed compatibility check. Excluding it from installation.
Aug 12 01:12:48 PM [3/4] Linking dependencies…
Aug 12 01:12:57 PM [4/4] Building fresh packages…
Aug 12 01:12:57 PM Done in 34.92s.
Aug 12 01:12:57 PM yarn run v1.22.5
Aug 12 01:12:57 PM $ next build --debug
Aug 12 01:12:58 PM - info Creating an optimized production build…
Aug 12 01:13:10 PM Failed to compile.
Aug 12 01:13:10 PM
Aug 12 01:13:10 PM ./src/app/[lang]/globals.css.webpack[javascript/auto]!=!./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[5].oneOf[12].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[5].oneOf[12].use[3]!./src/app/[lang]/globals.css
Aug 12 01:13:10 PM Error: Cannot find module ‘tailwindcss’
Aug 12 01:13:10 PM Require stack:
Aug 12 01:13:10 PM - /opt/render/project/src/node_modules/next/dist/build/webpack/config/blocks/css/plugins.js
Aug 12 01:13:10 PM - /opt/render/project/src/node_modules/next/dist/build/webpack/config/blocks/css/index.js
Aug 12 01:13:10 PM - /opt/render/project/src/node_modules/next/dist/build/webpack/config/index.js
Aug 12 01:13:10 PM - /opt/render/project/src/node_modules/next/dist/build/webpack-config.js
Aug 12 01:13:10 PM - /opt/render/project/src/node_modules/next/dist/build/webpack-build/impl.js
Aug 12 01:13:10 PM - /opt/render/project/src/node_modules/next/dist/build/webpack-build/index.js
Aug 12 01:13:10 PM - /opt/render/project/src/node_modules/next/dist/build/index.js
Aug 12 01:13:10 PM - /opt/render/project/src/node_modules/next/dist/cli/next-build.js
Aug 12 01:13:10 PM - /opt/render/project/src/node_modules/next/dist/lib/commands.js
Aug 12 01:13:10 PM - /opt/render/project/src/node_modules/next/dist/bin/next
Aug 12 01:13:10 PM at Module._resolveFilename (node:internal/modules/cjs/loader:1090:15)
Aug 12 01:13:10 PM at /opt/render/project/src/node_modules/next/dist/server/require-hook.js:110:36
Aug 12 01:13:10 PM at Function.resolve (node:internal/modules/helpers:125:19)
Aug 12 01:13:10 PM at loadPlugin (/opt/render/project/src/node_modules/next/dist/build/webpack/config/blocks/css/plugins.js:54:32)
Aug 12 01:13:10 PM at /opt/render/project/src/node_modules/next/dist/build/webpack/config/blocks/css/plugins.js:162:56
Aug 12 01:13:10 PM at Array.map ()
Aug 12 01:13:10 PM at getPostCssPlugins (/opt/render/project/src/node_modules/next/dist/build/webpack/config/blocks/css/plugins.js:162:47)
Aug 12 01:13:10 PM at async /opt/render/project/src/node_modules/next/dist/build/webpack/config/blocks/css/index.js:124:36
Aug 12 01:13:10 PM at async /opt/render/project/src/node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js:51:41
Aug 12 01:13:10 PM at async Span.traceAsyncFn (/opt/render/project/src/node_modules/next/dist/trace/trace.js:103:20)
Aug 12 01:13:10 PM
Aug 12 01:13:10 PM Import trace for requested module:
Aug 12 01:13:10 PM ./src/app/[lang]/globals.css.webpack[javascript/auto]!=!./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[5].oneOf[12].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[5].oneOf[12].use[3]!./src/app/[lang]/globals.css
Aug 12 01:13:10 PM ./src/app/[lang]/globals.css
Aug 12 01:13:10 PM
Aug 12 01:13:10 PM ./src/app/[lang]/globals.css
Aug 12 01:13:10 PM Error: Cannot find module ‘tailwindcss’
Aug 12 01:13:10 PM Require stack:
Aug 12 01:13:10 PM - /opt/render/project/src/node_modules/next/dist/build/webpack/config/blocks/css/plugins.js
Aug 12 01:13:10 PM - /opt/render/project/src/node_modules/next/dist/build/webpack/config/blocks/css/index.js
Aug 12 01:13:10 PM - /opt/render/project/src/node_modules/next/dist/build/webpack/config/index.js
Aug 12 01:13:10 PM - /opt/render/project/src/node_modules/next/dist/build/webpack-config.js
Aug 12 01:13:10 PM - /opt/render/project/src/node_modules/next/dist/build/webpack-build/impl.js
Aug 12 01:13:10 PM - /opt/render/project/src/node_modules/next/dist/build/webpack-build/index.js
Aug 12 01:13:10 PM - /opt/render/project/src/node_modules/next/dist/build/index.js
Aug 12 01:13:10 PM - /opt/render/project/src/node_modules/next/dist/cli/next-build.js
Aug 12 01:13:10 PM - /opt/render/project/src/node_modules/next/dist/lib/commands.js
Aug 12 01:13:10 PM - /opt/render/project/src/node_modules/next/dist/bin/next
Aug 12 01:13:10 PM at Function.Module._resolveFilename (node:internal/modules/cjs/loader:933:15)
Aug 12 01:13:10 PM at /opt/render/project/src/node_modules/next/dist/server/require-hook.js:110:36
Aug 12 01:13:10 PM at Function.resolve (node:internal/modules/cjs/helpers:108:19)
Aug 12 01:13:10 PM at loadPlugin (/opt/render/project/src/node_modules/next/dist/build/webpack/config/blocks/css/plugins.js:54:32)
Aug 12 01:13:10 PM at /opt/render/project/src/node_modules/next/dist/build/webpack/config/blocks/css/plugins.js:162:56
Aug 12 01:13:10 PM at Array.map ()
Aug 12 01:13:10 PM at getPostCssPlugins (/opt/render/project/src/node_modules/next/dist/build/webpack/config/blocks/css/plugins.js:162:47)
Aug 12 01:13:10 PM at async /opt/render/project/src/node_modules/next/dist/build/webpack/config/blocks/css/index.js:124:36
Aug 12 01:13:10 PM at async /opt/render/project/src/node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js:51:41
Aug 12 01:13:10 PM at async Span.traceAsyncFn (/opt/render/project/src/node_modules/next/dist/trace/trace.js:103:20)
Aug 12 01:13:10 PM at tryRunOrWebpackError (/opt/render/project/src/node_modules/next/dist/compiled/webpack/bundle5.js:28:311492)
Aug 12 01:13:10 PM at webpack_require_module (/opt/render/project/src/node_modules/next/dist/compiled/webpack/bundle5.js:28:131114)
Aug 12 01:13:10 PM at nested_webpack_require_153754 (/opt/render/project/src/node_modules/next/dist/compiled/webpack/bundle5.js:28:130553)
Aug 12 01:13:10 PM at /opt/render/project/src/node_modules/next/dist/compiled/webpack/bundle5.js:28:131406
Aug 12 01:13:10 PM at symbolIterator (/opt/render/project/src/node_modules/next/dist/compiled/neo-async/async.js:1:14444)
Aug 12 01:13:10 PM at done (/opt/render/project/src/node_modules/next/dist/compiled/neo-async/async.js:1:14824)
Aug 12 01:13:10 PM at Hook.eval [as callAsync] (eval at create (/opt/render/project/src/node_modules/next/dist/compiled/webpack/bundle5.js:13:28867), :15:1)
Aug 12 01:13:10 PM at Hook.CALL_ASYNC_DELEGATE [as _callAsync] (/opt/render/project/src/node_modules/next/dist/compiled/webpack/bundle5.js:13:26021)
Aug 12 01:13:10 PM at /opt/render/project/src/node_modules/next/dist/compiled/webpack/bundle5.js:28:130273
Aug 12 01:13:10 PM at symbolIterator (/opt/render/project/src/node_modules/next/dist/compiled/neo-async/async.js:1:14402)
Aug 12 01:13:10 PM – inner error –
Aug 12 01:13:10 PM Error: Cannot find module ‘tailwindcss’
Aug 12 01:13:10 PM Require stack:
Aug 12 01:13:10 PM - /opt/render/project/src/node_modules/next/dist/build/webpack/config/blocks/css/plugins.js
Aug 12 01:13:10 PM - /opt/render/project/src/node_modules/next/dist/build/webpack/config/blocks/css/index.js
Aug 12 01:13:10 PM - /opt/render/project/src/node_modules/next/dist/build/webpack/config/index.js
Aug 12 01:13:10 PM - /opt/render/project/src/node_modules/next/dist/build/webpack-config.js
Aug 12 01:13:10 PM - /opt/render/project/src/node_modules/next/dist/build/webpack-build/impl.js
Aug 12 01:13:10 PM - /opt/render/project/src/node_modules/next/dist/build/webpack-build/index.js
Aug 12 01:13:10 PM - /opt/render/project/src/node_modules/next/dist/build/index.js
Aug 12 01:13:10 PM - /opt/render/project/src/node_modules/next/dist/cli/next-build.js
Aug 12 01:13:10 PM - /opt/render/project/src/node_modules/next/dist/lib/commands.js
Aug 12 01:13:10 PM - /opt/render/project/src/node_modules/next/dist/bin/next
Aug 12 01:13:10 PM at Function.Module._resolveFilename (node:internal/modules/cjs/loader:933:15)
Aug 12 01:13:10 PM at /opt/render/project/src/node_modules/next/dist/server/require-hook.js:110:36
Aug 12 01:13:10 PM at Function.resolve (node:internal/modules/cjs/helpers:108:19)
Aug 12 01:13:10 PM at loadPlugin (/opt/render/project/src/node_modules/next/dist/build/webpack/config/blocks/css/plugins.js:54:32)
Aug 12 01:13:10 PM at /opt/render/project/src/node_modules/next/dist/build/webpack/config/blocks/css/plugins.js:162:56
Aug 12 01:13:10 PM at Array.map ()
Aug 12 01:13:10 PM at getPostCssPlugins (/opt/render/project/src/node_modules/next/dist/build/webpack/config/blocks/css/plugins.js:162:47)
Aug 12 01:13:10 PM at async /opt/render/project/src/node_modules/next/dist/build/webpack/config/blocks/css/index.js:124:36
Aug 12 01:13:10 PM at async /opt/render/project/src/node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js:51:41
Aug 12 01:13:10 PM at async Span.traceAsyncFn (/opt/render/project/src/node_modules/next/dist/trace/trace.js:103:20)
Aug 12 01:13:10 PM at Object. (/opt/render/project/src/node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[5].oneOf[12].use[2]!/opt/render/project/src/node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[5].oneOf[12].use[3]!/opt/render/project/src/src/app/[lang]/globals.css:1:7)
Aug 12 01:13:10 PM at /opt/render/project/src/node_modules/next/dist/compiled/webpack/bundle5.js:28:915103
Aug 12 01:13:10 PM at Hook.eval [as call] (eval at create (/opt/render/project/src/node_modules/next/dist/compiled/webpack/bundle5.js:13:28645), :7:1)
Aug 12 01:13:10 PM at Hook.CALL_DELEGATE [as _call] (/opt/render/project/src/node_modules/next/dist/compiled/webpack/bundle5.js:13:25915)
Aug 12 01:13:10 PM at /opt/render/project/src/node_modules/next/dist/compiled/webpack/bundle5.js:28:131147
Aug 12 01:13:10 PM at tryRunOrWebpackError (/opt/render/project/src/node_modules/next/dist/compiled/webpack/bundle5.js:28:311446)
Aug 12 01:13:10 PM at webpack_require_module (/opt/render/project/src/node_modules/next/dist/compiled/webpack/bundle5.js:28:131114)
Aug 12 01:13:10 PM at nested_webpack_require_153754 (/opt/render/project/src/node_modules/next/dist/compiled/webpack/bundle5.js:28:130553)
Aug 12 01:13:10 PM at /opt/render/project/src/node_modules/next/dist/compiled/webpack/bundle5.js:28:131406
Aug 12 01:13:10 PM at symbolIterator (/opt/render/project/src/node_modules/next/dist/compiled/neo-async/async.js:1:14444)
Aug 12 01:13:10 PM
Aug 12 01:13:10 PM Generated code for /opt/render/project/src/node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[5].oneOf[12].use[2]!/opt/render/project/src/node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[5].oneOf[12].use[3]!/opt/render/project/src/src/app/[lang]/globals.css
Aug 12 01:13:10 PM
Aug 12 01:13:10 PM Import trace for requested module:
Aug 12 01:13:10 PM ./src/app/[lang]/globals.css
Aug 12 01:13:10 PM
Aug 12 01:13:10 PM
Aug 12 01:13:10 PM > Build failed because of webpack errors
Aug 12 01:13:11 PM error Command failed with exit code 1.
Aug 12 01:13:11 PM info Visit yarn run | Yarn for documentation about this command.
Aug 12 01:13:11 PM ==> Build failed