This app, originally created on Dec 17, 2021 is meant to serve as a template for anyone interested in TailWind and Typescript. Integrating Tailwind into an Ember app, needs a few steps described in this GitHub repository and rephrased in this dev.to blog post. However, there is a mistake and an important final step is overlooked by the two authors. It might be that they didn't need to take this step as they used Tailwind 1.0.3. That version of Tailwind is quite old, though. So, here you go with a working Ember + Tailwind 3 project which also utilizes Typescript.
Instead of creating app/tailwind/config.js, you should create app/tailwind.config.js. Then, in ember-cli-build.js import it like this:
- require('tailwindcss')('./app/tailwind/config.js'),
+ require('tailwindcss')('./app/tailwind.config.js'),It is necessary to specify the content path in tailwind.config.js, like this;
content: ['./app/**/*.{hbs,js,ts}']