Error: Cannot find module 'tailwindcss' + netlify #6751

nikhil-toobler · 2021-12-27T14:04:52Z

nikhil-toobler
Dec 27, 2021

Hey I facing build error with tailwindcss, I’ve upgraded the existing tailwind v2+ to v3.0.7. after that facing error that "Error: Cannot find module ‘tailwindcss’ " when build run in netlify server, seems its working in local relify CLI. Here added the package.json and build logs got from netlify app server.

{
  "name": "website",
  "version": "0.1.0",
  "private": true,
  "scripts": {
    "dev": "next dev",
    "build": "next build",
    "start": "next start",
    "lint": "next lint",
    "deploy": "next build && next export"
  },
  "dependencies": {
    "@headlessui/react": "^1.4.2",
    "axios": "^0.24.0", 
    "next": "^12.0.7", 
    "react": "17.0.2", 
    "react-dom": "17.0.2", 
    "react-slick": "^0.28.1", 
    "slick-carousel": "^1.8.1", 
  },
  "devDependencies": {
    "@netlify/plugin-nextjs": "^4.1.1",
    "autoprefixer": "^10.4.0",
    "eslint": "^8.5.0",
    "eslint-config-next": "^12.0.7",
    "postcss": "^8.4.5",
    "sass": "^1.45.1",
    "tailwindcss": "^3.0.7"
  }
}

7:01:28 PM: Build ready to start
7:01:30 PM: build-image version: 73def8bb10593b9b818f44989a75ea508018ccb7 (focal)
7:01:30 PM: build-image tag: v4.5.2
7:01:30 PM: buildbot version: e07f38cea73012d29c839c78dec87335277fe704
7:01:30 PM: Fetching cached dependencies
7:01:30 PM: Starting to download cache of 573.5MB
7:01:35 PM: Finished downloading cache in 4.683991269s
7:01:35 PM: Starting to extract cache
7:01:57 PM: Finished extracting cache in 21.589302339s
7:01:57 PM: Finished fetching cache in 26.416800563s
7:01:57 PM: Starting to prepare the repo for build
7:01:57 PM: Preparing Git Reference refs/heads/feature/upgraded
7:01:58 PM: Parsing package.json dependencies
7:02:00 PM: Starting build script
7:02:00 PM: Installing dependencies
7:02:00 PM: Python version set to 2.7
7:02:00 PM: Started restoring cached node version
7:02:03 PM: Finished restoring cached node version
7:02:03 PM: v16.13.1 is already installed.
7:02:04 PM: Now using node v16.13.1 (npm v8.1.2)
7:02:04 PM: Started restoring cached build plugins
7:02:04 PM: Finished restoring cached build plugins
7:02:04 PM: Attempting ruby version 2.7.2, read from environment
7:02:06 PM: Using ruby version 2.7.2
7:02:06 PM: Using PHP version 8.0
7:02:06 PM: Started restoring cached yarn cache
7:02:13 PM: Finished restoring cached yarn cache
7:02:14 PM: No yarn workspaces detected
7:02:14 PM: Started restoring cached node modules
7:02:14 PM: Finished restoring cached node modules
7:02:14 PM: Installing NPM modules using Yarn version 1.22.10
7:02:15 PM: yarn install v1.22.10
7:02:15 PM: warning package-lock.json found. Your project contains lock files generated by tools other than Yarn. It is advised not to mix package managers in order to avoid resolution inconsistencies caused by unsynchronized lock files. To clear this warning, remove package-lock.json.
7:02:15 PM: [1/4] Resolving packages...
7:02:16 PM: [2/4] Fetching packages...
7:02:21 PM: info @next/swc-darwin-x64@12.0.7: The platform "linux" is incompatible with this module.
7:02:21 PM: info "@next/swc-darwin-x64@12.0.7" is an optional dependency and failed compatibility check. Excluding it from installation.
7:02:21 PM: info fsevents@2.3.2: The platform "linux" is incompatible with this module.
7:02:21 PM: info "fsevents@2.3.2" is an optional dependency and failed compatibility check. Excluding it from installation.
7:02:21 PM: info @next/swc-win32-arm64-msvc@12.0.7: The platform "linux" is incompatible with this module.
7:02:21 PM: info "@next/swc-win32-arm64-msvc@12.0.7" is an optional dependency and failed compatibility check. Excluding it from installation.
7:02:21 PM: info @next/swc-win32-arm64-msvc@12.0.7: The CPU architecture "x64" is incompatible with this module.
7:02:21 PM: info @next/swc-linux-arm64-gnu@12.0.7: The CPU architecture "x64" is incompatible with this module.
7:02:21 PM: info "@next/swc-linux-arm64-gnu@12.0.7" is an optional dependency and failed compatibility check. Excluding it from installation.
7:02:21 PM: info @next/swc-linux-arm-gnueabihf@12.0.7: The CPU architecture "x64" is incompatible with this module.
7:02:21 PM: info "@next/swc-linux-arm-gnueabihf@12.0.7" is an optional dependency and failed compatibility check. Excluding it from installation.
7:02:21 PM: info @next/swc-linux-arm64-musl@12.0.7: The CPU architecture "x64" is incompatible with this module.
7:02:21 PM: info "@next/swc-linux-arm64-musl@12.0.7" is an optional dependency and failed compatibility check. Excluding it from installation.
7:02:21 PM: info @next/swc-darwin-arm64@12.0.7: The platform "linux" is incompatible with this module.
7:02:21 PM: info "@next/swc-darwin-arm64@12.0.7" is an optional dependency and failed compatibility check. Excluding it from installation.
7:02:21 PM: info @next/swc-darwin-arm64@12.0.7: The CPU architecture "x64" is incompatible with this module.
7:02:21 PM: info @next/swc-win32-ia32-msvc@12.0.7: The platform "linux" is incompatible with this module.
7:02:21 PM: info "@next/swc-win32-ia32-msvc@12.0.7" is an optional dependency and failed compatibility check. Excluding it from installation.
7:02:21 PM: info @next/swc-win32-ia32-msvc@12.0.7: The CPU architecture "x64" is incompatible with this module.
7:02:21 PM: info @next/swc-android-arm64@12.0.7: The platform "linux" is incompatible with this module.
7:02:21 PM: info "@next/swc-android-arm64@12.0.7" is an optional dependency and failed compatibility check. Excluding it from installation.
7:02:21 PM: info @next/swc-android-arm64@12.0.7: The CPU architecture "x64" is incompatible with this module.
7:02:21 PM: info @next/swc-win32-x64-msvc@12.0.7: The platform "linux" is incompatible with this module.
7:02:21 PM: info "@next/swc-win32-x64-msvc@12.0.7" is an optional dependency and failed compatibility check. Excluding it from installation.
7:02:21 PM: [3/4] Linking dependencies...
7:02:21 PM: warning "next > styled-jsx > @babel/plugin-syntax-jsx@7.14.5" has unmet peer dependency "@babel/core@^7.0.0-0".
7:02:21 PM: warning " > slick-carousel@1.8.1" has unmet peer dependency "jquery@>=1.8.0".
7:02:21 PM: warning " > storyblok-js-client@4.1.6" has incorrect peer dependency "axios@^0.21.1".
7:02:21 PM: warning "eslint-config-next > @typescript-eslint/parser > @typescript-eslint/typescript-estree > tsutils@3.21.0" has unmet peer dependency "typescript@>=2.8.0 || >= 3.2.0-dev || >= 3.3.0-dev || >= 3.4.0-dev || >= 3.5.0-dev || >= 3.6.0-dev || >= 3.6.0-beta || >= 3.7.0-dev || >= 3.7.0-beta".
7:02:25 PM: [4/4] Building fresh packages...
7:02:25 PM: success Saved lockfile.
7:02:25 PM: Done in 10.16s.
7:02:25 PM: NPM modules installed using Yarn
7:02:25 PM: Started restoring cached go cache
7:02:25 PM: Finished restoring cached go cache
7:02:25 PM: go version go1.16.5 linux/amd64
7:02:25 PM: go version go1.16.5 linux/amd64
7:02:25 PM: Installing missing commands
7:02:25 PM: Verify run directory
7:02:28 PM: 
7:02:28 PM: ────────────────────────────────────────────────────────────────
7:02:28 PM:   Netlify Build                                                 
7:02:28 PM: ────────────────────────────────────────────────────────────────
7:02:28 PM: 
7:02:28 PM: ❯ Version
7:02:28 PM:   @netlify/build 26.0.2
7:02:28 PM: 
7:02:28 PM: ❯ Flags
7:02:28 PM:   baseRelDir: true
7:02:28 PM:   buildId: 61c9c030195b14000729d559
7:02:28 PM:   deployId: 61c9c030195b14000729d55b
7:02:28 PM: 
7:02:28 PM: ❯ Current directory
7:02:28 PM:   /opt/build/repo
7:02:28 PM: 
7:02:28 PM: ❯ Config file
7:02:28 PM:   /opt/build/repo/netlify.toml
7:02:28 PM: 
7:02:28 PM: ❯ Context
7:02:28 PM:   production
7:02:28 PM: 
7:02:28 PM: ❯ Loading plugins
7:02:28 PM:    - @netlify/plugin-nextjs@4.0.0 from netlify.toml
7:02:30 PM: 
7:02:30 PM: ────────────────────────────────────────────────────────────────
7:02:30 PM:   1. @netlify/plugin-nextjs (onPreBuild event)                  
7:02:30 PM: ────────────────────────────────────────────────────────────────
7:02:30 PM: 
7:02:31 PM: Next.js cache restored.
7:02:31 PM: Netlify configuration property "build.environment.NEXT_PRIVATE_TARGET" value changed.
7:02:31 PM: 
7:02:31 PM: (@netlify/plugin-nextjs onPreBuild completed in 553ms)
7:02:31 PM: 
7:02:31 PM: ────────────────────────────────────────────────────────────────
7:02:31 PM:   2. build.command from netlify.toml                            
7:02:31 PM: ────────────────────────────────────────────────────────────────
7:02:31 PM: 
7:02:31 PM: $ npm run build
7:02:32 PM: > website@0.1.0 build
7:02:32 PM: > next build
7:02:33 PM: info  - Checking validity of types...
7:02:33 PM: info  - Creating an optimized production build...
7:02:36 PM: postcss-resolve-url: postcss.plugin was deprecated. Migration guide:
7:02:36 PM: https://evilmartians.com/chronicles/postcss-8-plugin-migration
7:02:58 PM: Failed to compile.
7:02:58 PM: 
7:02:58 PM: ./node_modules/slick-carousel/slick/slick-theme.css.webpack[javascript/auto]!=!./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[2].oneOf[7].use[1]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[2].oneOf[7].use[2]!./node_modules/slick-carousel/slick/slick-theme.css
7:02:58 PM: Error: Cannot find module 'tailwindcss'
7:02:58 PM: Require stack:
7:02:58 PM: - /opt/build/repo/node_modules/next/dist/build/webpack/config/blocks/css/plugins.js
7:02:58 PM: - /opt/build/repo/node_modules/next/dist/build/webpack/config/blocks/css/index.js
7:02:58 PM: - /opt/build/repo/node_modules/next/dist/build/webpack/config/index.js
7:02:58 PM: - /opt/build/repo/node_modules/next/dist/build/webpack-config.js
7:02:58 PM: - /opt/build/repo/node_modules/next/dist/build/index.js
7:02:58 PM: - /opt/build/repo/node_modules/next/dist/cli/next-build.js
7:02:58 PM: - /opt/build/repo/node_modules/next/dist/bin/next
7:02:58 PM:     at Function.Module._resolveFilename (node:internal/modules/cjs/loader:933:15)
7:02:58 PM:     at Function.mod._resolveFilename (/opt/build/repo/node_modules/next/dist/build/webpack/require-hook.js:171:28)
7:02:58 PM:     at Function.resolve (node:internal/modules/cjs/helpers:108:19)
7:02:58 PM:     at loadPlugin (/opt/build/repo/node_modules/next/dist/build/webpack/config/blocks/css/plugins.js:49:32)
7:02:58 PM:     at /opt/build/repo/node_modules/next/dist/build/webpack/config/blocks/css/plugins.js:162:56
7:02:58 PM:     at Array.map (<anonymous>)
7:02:58 PM:     at Object.getPostCssPlugins (/opt/build/repo/node_modules/next/dist/build/webpack/config/blocks/css/plugins.js:162:47)
7:02:58 PM:     at async /opt/build/repo/node_modules/next/dist/build/webpack/config/blocks/css/index.js:99:36
7:02:58 PM:     at async /opt/build/repo/node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js:43:41
7:02:58 PM:     at async Span.traceAsyncFn (/opt/build/repo/node_modules/next/dist/trace/trace.js:74:20)
7:02:58 PM: Import trace for requested module:
7:02:58 PM: ./node_modules/slick-carousel/slick/slick-theme.css
7:02:58 PM: ./components/About/Gallery.js
7:02:58 PM: ./components/About/DynamicComponent.js
7:02:58 PM: ./components/About/index.js
7:02:58 PM: ./pages/about-us.js
7:02:58 PM: ./node_modules/slick-carousel/slick/slick.css.webpack[javascript/auto]!=!./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[2].oneOf[7].use[1]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[2].oneOf[7].use[2]!./node_modules/slick-carousel/slick/slick.css
7:02:58 PM: Error: Cannot find module 'tailwindcss'
7:02:58 PM: Require stack:
7:02:58 PM: - /opt/build/repo/node_modules/next/dist/build/webpack/config/blocks/css/plugins.js
7:02:58 PM: - /opt/build/repo/node_modules/next/dist/build/webpack/config/blocks/css/index.js
7:02:58 PM: - /opt/build/repo/node_modules/next/dist/build/webpack/config/index.js
7:02:58 PM: - /opt/build/repo/node_modules/next/dist/build/webpack-config.js
7:02:58 PM: - /opt/build/repo/node_modules/next/dist/build/index.js
7:02:58 PM: - /opt/build/repo/node_modules/next/dist/cli/next-build.js
7:02:58 PM: - /opt/build/repo/node_modules/next/dist/bin/next
7:02:58 PM:     at Function.Module._resolveFilename (node:internal/modules/cjs/loader:933:15)
7:02:58 PM:     at Function.mod._resolveFilename (/opt/build/repo/node_modules/next/dist/build/webpack/require-hook.js:171:28)
7:02:58 PM:     at Function.resolve (node:internal/modules/cjs/helpers:108:19)
7:02:58 PM:     at loadPlugin (/opt/build/repo/node_modules/next/dist/build/webpack/config/blocks/css/plugins.js:49:32)
7:02:58 PM:     at /opt/build/repo/node_modules/next/dist/build/webpack/config/blocks/css/plugins.js:162:56
7:02:58 PM:     at Array.map (<anonymous>)
7:02:58 PM:     at Object.getPostCssPlugins (/opt/build/repo/node_modules/next/dist/build/webpack/config/blocks/css/plugins.js:162:47)
7:02:58 PM:     at async /opt/build/repo/node_modules/next/dist/build/webpack/config/blocks/css/index.js:99:36
7:02:58 PM:     at async /opt/build/repo/node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js:43:41
7:02:58 PM:     at async Span.traceAsyncFn (/opt/build/repo/node_modules/next/dist/trace/trace.js:74:20)
7:02:58 PM: Import trace for requested module:
7:02:58 PM: ./node_modules/slick-carousel/slick/slick.css
7:02:58 PM: ./components/About/Gallery.js
7:02:58 PM: ./components/About/DynamicComponent.js
7:02:58 PM: ./components/About/index.js
7:02:58 PM: ./pages/about-us.js
7:02:58 PM: ./assets/scss/styles.scss.webpack[javascript/auto]!=!./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[2].oneOf[9].use[1]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[2].oneOf[9].use[2]!./node_modules/next/dist/compiled/resolve-url-loader/index.js??ruleSet[1].rules[2].oneOf[9].use[3]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[2].oneOf[9].use[4]!./assets/scss/styles.scss
7:02:58 PM: Error: Cannot find module 'tailwindcss'
7:02:58 PM: Require stack:
7:02:58 PM: - /opt/build/repo/node_modules/next/dist/build/webpack/config/blocks/css/plugins.js
7:02:58 PM: - /opt/build/repo/node_modules/next/dist/build/webpack/config/blocks/css/index.js
7:02:58 PM: - /opt/build/repo/node_modules/next/dist/build/webpack/config/index.js
7:02:58 PM: - /opt/build/repo/node_modules/next/dist/build/webpack-config.js
7:02:58 PM: - /opt/build/repo/node_modules/next/dist/build/index.js
7:02:58 PM: - /opt/build/repo/node_modules/next/dist/cli/next-build.js
7:02:58 PM: - /opt/build/repo/node_modules/next/dist/bin/next
7:02:58 PM:     at Function.Module._resolveFilename (node:internal/modules/cjs/loader:933:15)
7:02:58 PM:     at Function.mod._resolveFilename (/opt/build/repo/node_modules/next/dist/build/webpack/require-hook.js:171:28)
7:02:58 PM:     at Function.resolve (node:internal/modules/cjs/helpers:108:19)
7:02:58 PM:     at loadPlugin (/opt/build/repo/node_modules/next/dist/build/webpack/config/blocks/css/plugins.js:49:32)
7:02:58 PM:     at /opt/build/repo/node_modules/next/dist/build/webpack/config/blocks/css/plugins.js:162:56
7:02:58 PM:     at Array.map (<anonymous>)
7:02:58 PM:     at Object.getPostCssPlugins (/opt/build/repo/node_modules/next/dist/build/webpack/config/blocks/css/plugins.js:162:47)
7:02:58 PM:     at async /opt/build/repo/node_modules/next/dist/build/webpack/config/blocks/css/index.js:99:36
7:02:58 PM:     at async /opt/build/repo/node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js:43:41
7:02:58 PM:     at async Span.traceAsyncFn (/opt/build/repo/node_modules/next/dist/trace/trace.js:74:20)
7:02:58 PM: Import trace for requested module:
7:02:58 PM: ./assets/scss/styles.scss
7:02:58 PM: ./pages/_app.js
7:02:58 PM: ./pages/_app.js
7:02:58 PM: Module not found: Can't resolve 'tailwindcss/tailwind.css' in '/opt/build/repo/pages'
7:02:58 PM: ./node_modules/slick-carousel/slick/slick-theme.css
7:02:58 PM: Error: Cannot find module 'tailwindcss'
7:02:58 PM: Require stack:
7:02:58 PM: - /opt/build/repo/node_modules/next/dist/build/webpack/config/blocks/css/plugins.js
7:02:58 PM: - /opt/build/repo/node_modules/next/dist/build/webpack/config/blocks/css/index.js
7:02:58 PM: - /opt/build/repo/node_modules/next/dist/build/webpack/config/index.js
7:02:58 PM: - /opt/build/repo/node_modules/next/dist/build/webpack-config.js
7:02:58 PM: - /opt/build/repo/node_modules/next/dist/build/index.js
7:02:58 PM: - /opt/build/repo/node_modules/next/dist/cli/next-build.js
7:02:58 PM: - /opt/build/repo/node_modules/next/dist/bin/next
7:02:58 PM:     at Function.Module._resolveFilename (node:internal/modules/cjs/loader:933:15)
7:02:58 PM:     at Function.mod._resolveFilename (/opt/build/repo/node_modules/next/dist/build/webpack/require-hook.js:171:28)
7:02:58 PM:     at Function.resolve (node:internal/modules/cjs/helpers:108:19)
7:02:58 PM:     at loadPlugin (/opt/build/repo/node_modules/next/dist/build/webpack/config/blocks/css/plugins.js:49:32)
7:02:58 PM:     at /opt/build/repo/node_modules/next/dist/build/webpack/config/blocks/css/plugins.js:162:56
7:02:58 PM:     at Array.map (<anonymous>)
7:02:58 PM:     at Object.getPostCssPlugins (/opt/build/repo/node_modules/next/dist/build/webpack/config/blocks/css/plugins.js:162:47)
7:02:58 PM:     at async /opt/build/repo/node_modules/next/dist/build/webpack/config/blocks/css/index.js:99:36
7:02:58 PM:     at async /opt/build/repo/node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js:43:41
7:02:58 PM:     at async Span.traceAsyncFn (/opt/build/repo/node_modules/next/dist/trace/trace.js:74:20)
7:02:58 PM:     at tryRunOrWebpackError (/opt/build/repo/node_modules/next/dist/compiled/webpack/bundle5.js:47208:9)
7:02:58 PM:     at __webpack_require_module__ (/opt/build/repo/node_modules/next/dist/compiled/webpack/bundle5.js:32980:12)
7:02:58 PM:     at __nested_webpack_require_150834__ (/opt/build/repo/node_modules/next/dist/compiled/webpack/bundle5.js:32937:18)
7:02:58 PM:     at /opt/build/repo/node_modules/next/dist/compiled/webpack/bundle5.js:33008:20
7:02:58 PM:     at symbolIterator (/opt/build/repo/node_modules/next/dist/compiled/neo-async/async.js:1:14452)
7:02:58 PM:     at done (/opt/build/repo/node_modules/next/dist/compiled/neo-async/async.js:1:14832)
7:02:58 PM:     at Hook.eval [as callAsync] (eval at create (/opt/build/repo/node_modules/next/dist/compiled/webpack/bundle5.js:141512:10), <anonymous>:15:1)
7:02:58 PM:     at /opt/build/repo/node_modules/next/dist/compiled/webpack/bundle5.js:32915:43
7:02:58 PM:     at symbolIterator (/opt/build/repo/node_modules/next/dist/compiled/neo-async/async.js:1:14410)
7:02:58 PM:     at timesSync (/opt/build/repo/node_modules/next/dist/compiled/neo-async/async.js:1:5037)
7:02:58 PM: -- inner error --
7:02:58 PM: Error: Cannot find module 'tailwindcss'
7:02:58 PM: Require stack:
7:02:58 PM: - /opt/build/repo/node_modules/next/dist/build/webpack/config/blocks/css/plugins.js
7:02:58 PM: - /opt/build/repo/node_modules/next/dist/build/webpack/config/blocks/css/index.js
7:02:58 PM: - /opt/build/repo/node_modules/next/dist/build/webpack/config/index.js
7:02:58 PM: - /opt/build/repo/node_modules/next/dist/build/webpack-config.js
7:02:58 PM: - /opt/build/repo/node_modules/next/dist/build/index.js
7:02:58 PM: - /opt/build/repo/node_modules/next/dist/cli/next-build.js
7:02:58 PM: - /opt/build/repo/node_modules/next/dist/bin/next
7:02:58 PM:     at Function.Module._resolveFilename (node:internal/modules/cjs/loader:933:15)
7:02:58 PM:     at Function.mod._resolveFilename (/opt/build/repo/node_modules/next/dist/build/webpack/require-hook.js:171:28)
7:02:58 PM:     at Function.resolve (node:internal/modules/cjs/helpers:108:19)
7:02:58 PM:     at loadPlugin (/opt/build/repo/node_modules/next/dist/build/webpack/config/blocks/css/plugins.js:49:32)
7:02:58 PM:     at /opt/build/repo/node_modules/next/dist/build/webpack/config/blocks/css/plugins.js:162:56
7:02:58 PM:     at Array.map (<anonymous>)
7:02:58 PM:     at Object.getPostCssPlugins (/opt/build/repo/node_modules/next/dist/build/webpack/config/blocks/css/plugins.js:162:47)
7:02:58 PM:     at async /opt/build/repo/node_modules/next/dist/build/webpack/config/blocks/css/index.js:99:36
7:02:58 PM:     at async /opt/build/repo/node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js:43:41
7:02:58 PM:     at async Span.traceAsyncFn (/opt/build/repo/node_modules/next/dist/trace/trace.js:74:20)
7:02:58 PM:     at Object.<anonymous> (/opt/build/repo/node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[2].oneOf[7].use[1]!/opt/build/repo/node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[2].oneOf[7].use[2]!/opt/build/repo/node_modules/slick-carousel/slick/slick-theme.css:1:7)
7:02:58 PM:     at /opt/build/repo/node_modules/next/dist/compiled/webpack/bundle5.js:91687:11
7:02:58 PM:     at Hook.eval [as call] (eval at create (/opt/build/repo/node_modules/next/dist/compiled/webpack/bundle5.js:141498:10), <anonymous>:7:1)
7:02:58 PM:     at /opt/build/repo/node_modules/next/dist/compiled/webpack/bundle5.js:32982:39
7:02:58 PM:     at tryRunOrWebpackError (/opt/build/repo/node_modules/next/dist/compiled/webpack/bundle5.js:47203:7)
7:02:58 PM:     at __webpack_require_module__ (/opt/build/repo/node_modules/next/dist/compiled/webpack/bundle5.js:32980:12)
7:02:58 PM:     at __nested_webpack_require_150834__ (/opt/build/repo/node_modules/next/dist/compiled/webpack/bundle5.js:32937:18)
7:02:58 PM:     at /opt/build/repo/node_modules/next/dist/compiled/webpack/bundle5.js:33008:20
7:02:58 PM:     at symbolIterator (/opt/build/repo/node_modules/next/dist/compiled/neo-async/async.js:1:14452)
7:02:58 PM:     at done (/opt/build/repo/node_modules/next/dist/compiled/neo-async/async.js:1:14832)
7:02:58 PM: Generated code for /opt/build/repo/node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[2].oneOf[7].use[1]!/opt/build/repo/node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[2].oneOf[7].use[2]!/opt/build/repo/node_modules/slick-carousel/slick/slick-theme.css
7:02:58 PM: Import trace for requested module:
7:02:58 PM: ./components/About/Gallery.js
7:02:58 PM: ./components/About/DynamicComponent.js
7:02:58 PM: ./components/About/index.js
7:02:58 PM: ./pages/about-us.js
7:02:58 PM: > Build failed because of webpack errors
7:02:58 PM: 
7:02:58 PM: ────────────────────────────────────────────────────────────────
7:02:58 PM:   "build.command" failed                                        
7:02:58 PM: ────────────────────────────────────────────────────────────────
7:02:58 PM: 
7:02:58 PM:   Error message
7:02:58 PM:   Command failed with exit code 1: npm run build
7:02:58 PM: 
7:02:58 PM:   Error location
7:02:58 PM:   In build.command from netlify.toml:
7:02:58 PM:   npm run build
7:02:58 PM: 
7:02:58 PM:   Resolved config
7:02:58 PM:   build:
7:02:58 PM:     command: npm run build
7:02:58 PM:     commandOrigin: config
7:02:58 PM:     environment:
7:02:58 PM:       - REACT_APP_AWS_ID
7:02:58 PM:       - REACT_APP_AWS_SECRET_KEY
7:02:58 PM:       - REACT_APP_STORYBLOK_REVALIDATE
7:02:58 PM:       - REACT_APP_STORYBLOK_TOKEN
7:02:58 PM:       - NEXT_SERVERLESS
7:02:58 PM:       - NODE_ENV
7:02:58 PM:       - NEXT_PRIVATE_TARGET
7:02:58 PM:     publish: /opt/build/repo/.next
7:02:58 PM:     publishOrigin: config
7:02:58 PM:   functionsDirectory: /opt/build/repo/my_functions
7:02:58 PM:   plugins:
7:02:58 PM:     - inputs: {}
7:02:58 PM:       origin: config
7:02:58 PM:       package: '@netlify/plugin-nextjs'
7:02:59 PM: Caching artifacts
7:02:59 PM: Started saving node modules
7:02:59 PM: Finished saving node modules
7:02:59 PM: Started saving build plugins
7:02:59 PM: Finished saving build plugins
7:02:59 PM: Started saving yarn cache
7:03:06 PM: Finished saving yarn cache
7:03:06 PM: Started saving pip cache
7:03:06 PM: Finished saving pip cache
7:03:06 PM: Started saving emacs cask dependencies
7:03:06 PM: Finished saving emacs cask dependencies
7:03:06 PM: Started saving maven dependencies
7:03:06 PM: Finished saving maven dependencies
7:03:06 PM: Started saving boot dependencies
7:03:06 PM: Finished saving boot dependencies
7:03:06 PM: Started saving rust rustup cache
7:03:06 PM: Finished saving rust rustup cache
7:03:06 PM: Started saving go dependencies
7:03:06 PM: Finished saving go dependencies
7:03:06 PM: Build failed due to a user error: Build script returned non-zero exit code: 2
7:03:06 PM: Creating deploy upload records
7:03:06 PM: Failing build: Failed to build site
7:03:06 PM: Failed during stage 'building site': Build script returned non-zero exit code: 2
7:03:06 PM: Finished processing build request in 1m36.400675456s

nikhil-toobler · 2021-12-29T13:20:59Z

nikhil-toobler
Dec 29, 2021
Author

issue fixed when moving autoprefixer, postcss, and tailwindcss to the dependencies.

3 replies

swdevbali Mar 5, 2025

Fix it. Thanks man!
But.. why though? This is really confusing. As there no changes whatsoever in the project but it keep failing.
Seems like this is netlify quirks that everyone need to remember OR pinned by Netlify in their deploy page. It's 2025 ffs!

andigwandi Mar 6, 2025

for me 1 commit is already published, and same commit is failing now in netlify build

enisze Mar 6, 2025

Did not solve it for me, any other idea 🤔 ?

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Error: Cannot find module 'tailwindcss' + netlify #6751

{{title}}

Replies: 1 comment 3 replies

{{title}}

{{title}}

{{editor}}'s edit

{{editor}}'s edit

{{title}}

{{title}}

Select a reply

Error: Cannot find module 'tailwindcss' + netlify #6751

nikhil-toobler Dec 27, 2021

Replies: 1 comment · 3 replies

nikhil-toobler Dec 29, 2021 Author

swdevbali Mar 5, 2025

andigwandi Mar 6, 2025

enisze Mar 6, 2025

nikhil-toobler
Dec 27, 2021

Replies: 1 comment 3 replies

nikhil-toobler
Dec 29, 2021
Author