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

I walked through the instruction here:

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
                        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

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.


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.

1 Like