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