Compilation error: TypeError this.app.promise is not a function

I have done an installation of sage 10, and then I wanted to change tailwind for bootstrap. I have followed the official tutorial (Replacing Tailwind CSS with Bootstrap | Sage Docs | Roots) and at first everything went well, but when compiling I got the following error:
TypeError
this.app.promise is not a function.

I have tried multiple ways to fix it but to no avail. Does anyone have an idea how to fix it?

1 Like

Please share your code, e.g. package.json, bud.config.js, and app.js

1 Like

I was having the same issue but went back and read the Using SASS docs which warn:

**Note:** Verify that all Bud packages and the@roots/sagepackage versions are the same in yourpackage.json to prevent build errors.

I was using later versions of @roots/bud-sass and @roots/bud-stylelint. I reinstalled to match @roots/bud and compiled without error.

"devDependencies": {
    "@roots/bud": "6.7.3",
    "@roots/bud-sass": "6.7.3",
    "@roots/bud-stylelint": "6.7.3",
    "@roots/sage": "6.7.3"
  },
1 Like