addTailwindPlugin is not a function

Question

I can't compile my code anymore because I get this error in my console:

An unhandled exception occurred: addTailwindPlugin is not a function

I don't know what happened actually, but I looked into my webpack.config.js file and there's another error with ESLint: Parsing error: The keyword 'const' is reserved.

That's really weird. Here's the config:

const { addTailwindPlugin } = require("@ngneat/tailwind");
const tailwindConfig = require("./tailwind.config.js");

module.exports = (config) => {
  addTailwindPlugin({
    webpackConfig: config,
    tailwindConfig,
    patchComponentsStyles: true
  });
  return config;
};

This might be a version problem

Areg
– Areg

2021-05-30 22:32:59 +00:00
Commented May 30, 2021 at 22:32 — Areg
– Areg, Commented May 30, 2021 at 22:32

karlgold · Accepted Answer · 2021-05-30 22:05:08Z

2

I just ran into the same error. For me it was because I had upgraded my project to ngneat 7.0 and Angular 11.2, which has built-in support for tailwindcss:

https://github.com/angular/angular-cli/commit/73b409881f71a8235769a345356dcde3c568d0c3

I was able to resolve the error by removing the reference to the custom webpack.config.js from angular.json, since the tailwind plugin was the only customization that I had.

answered May 30, 2021 at 22:05

karlgold

7,9982 gold badges32 silver badges22 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

addTailwindPlugin is not a function

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related