# Bootstrap 5, Sage 10, and Bud 6.11.x+

**URL:** https://discourse.roots.io/t/bootstrap-5-sage-10-and-bud-6-11-x/25145
**Category:** bud
**Tags:** sage10, bud, bootstrap
**Created:** 2023-04-11T15:11:59Z
**Posts:** 4

## Post 1 by @cleverington — 2023-04-11T15:11:59Z

I walked through the instruction here:

> **[Replacing Tailwind CSS with Bootstrap | Sage Docs](https://roots.io/sage/docs/replacing-tailwind-with-bootstrap/#replacing-tailwind-css-with-bootstrap)**
>
> Sage 10 comes with Tailwind CSS out of the box, but can be replaced with Bootstrap or any other CSS framework.

I’m not sure 6.11.x (or higher) is currently compatible with Bootstrap 5.x as written?

When deploying using the recommended configuration change with 6.12.x, **@roots/sage** has a dependency on _@roots/bud-tailwindcss_ and then fails to build completely with 6.12.x.

I can get 6.11.x working locally, but fails for some reason when deploying via GitHub Actions.

Thoughts? Suggestions? (I have only been using Bud for about a week or so and am just getting onboarded, but would prefer to port over existing Bootstrap theming instead of starting Sage _and_ Tailwind.css.)

“Building” (but failing on CI Tooling) 6.11.x:

```
"devDependencies": {
    "@popperjs/core": "^2.11.7",
    "@roots/bud": "6.11.0",
    "@roots/bud-postcss": "6.11.0",
    "@roots/bud-sass": "6.11.0",
    "@roots/sage": "6.11.0",
    "bootstrap": "^5.2.3"
  },
```

“Building” (but failing) 6.12.x:

```
"devDependencies": {
    "@babel/core": "^7.21.4",
    "@popperjs/core": "^2.11.7",
    "@roots/blade-loader": "^6.12.0",
    "@roots/bud": "6.12.0",
    "@roots/bud-postcss": "6.12.0",
    "@roots/bud-react": "^6.12.0",
    "@roots/bud-sass": "^6.12.0",
    "@roots/bud-tailwindcss": "^6.12.0",
    "@roots/sage": "6.12.0",
    "bootstrap": "^5.2.3",
    "postcss": "^8.4.21",
    "postcss-scss": "^4.0.6",
    "sass-loader": "^13.2.2",
    "stylelint": "^15.4.0",
    "webpack": "^5.78.0"
  },
```

6.12.x error:

```
[webpack] › [webpack.cache.PackFileCacheStrategy] restore cache container: 4.788772 ms
/app/web/app/themes/sage-base/node_modules/@roots/bud-support/node_modules/webpack/lib/NormalModule.js:227
                        throw new TypeError(
                        ^

TypeError: The 'compilation' argument must be an instance of Compilation
    at NormalModule.getCompilationHooks (/app/web/app/themes/sage-base/node_modules/@roots/bud-support/node_modules/webpack/lib/NormalModule.js:227:10)
    at /app/web/app/themes/sage-base/node_modules/@roots/bud-support/node_modules/webpack-manifest-plugin/dist/index.js:57:42
    at _next36 (eval at create (/app/web/app/themes/sage-base/node_modules/tapable/lib/HookCodeFactory.js:19:10), <anonymous>:50:1)
    at _next14 (eval at create (/app/web/app/themes/sage-base/node_modules/tapable/lib/HookCodeFactory.js:19:10), <anonymous>:97:1)
    at Hook.eval [as call] (eval at create (/app/web/app/themes/sage-base/node_modules/tapable/lib/HookCodeFactory.js:19:10), <anonymous>:129:1)
    at Hook.CALL_DELEGATE [as _call] (/app/web/app/themes/sage-base/node_modules/tapable/lib/Hook.js:14:14)
    at Compiler.newCompilation (/app/web/app/themes/sage-base/node_modules/webpack/lib/Compiler.js:1122:26)
    at /app/web/app/themes/sage-base/node_modules/webpack/lib/Compiler.js:1166:29
    at Hook.eval [as callAsync] (eval at create (/app/web/app/themes/sage-base/node_modules/tapable/lib/HookCodeFactory.js:33:10), <anonymous>:6:1)
    at Hook.CALL_ASYNC_DELEGATE [as _callAsync] (/app/web/app/themes/sage-base/node_modules/tapable/lib/Hook.js:18:14)

Node.js v18.15.0
```

---

## Post 2 by @MWDelaney — 2023-04-11T17:19:58Z

It looks like your GitHub action is running Node 18; what Node version are you running locally? What command are you running? We need more context.

---

## Post 3 by @cleverington — 2023-04-11T17:56:16Z

Amusingly, no more context is needed. LoL.

Just changed to Node 16.x and the 6.11.x build deployed fine again. Will test 6.12.x next.

---

## Post 4 by @Mintyy — 2024-11-11T01:51:46Z

Had the same issue when running recently - solved by updating dependencies to latest version.