CODEWITHSUNDEEP
typescriptnext.jstailwind-css
Sandhi
Sandhi

Reputation: 89

How to move styles folder to src folder in nextjs typescript with tailwindcss?

i'm using nextjs with typescript and tailwindcss. I want to move styles folder to src folder, i already added baseUrl with value src options in my tsconfig.json file, but I got an error like this :

    ./node_modules/next/dist/compiled/css-loader/cjs.js??ruleSet[1].rules[2].oneOf[5].use[1]!./node_modules/next/dist/compiled/postcss-loader/cjs.js??ruleSet[1].rules[2].oneOf[5].use[2]!./node_modules/tailwindcss/tailwind.css
TypeError: Object.fromEntries is not a function

and how i move styles folder to src folder, i want to make my folder structure simpler. thank you

Upvotes: 5

Views: 5387

Answers (3)

Grant Pitt
Grant Pitt

Reputation: 491

Delete the .next folder, then run the dev server again (with npm run dev).

This worked in my case. I'm guessing it's some kind of caching issue. Obviously you'll need to change your tailwind.config.js where the content should check ./src/**/*.{js,jsx,ts,tsx} rather than ./pages/**/*.{js,jsx,ts,tsx}.

Upvotes: 27

Jacob Salway
Jacob Salway

Reputation: 31

I had the same problem after moving my files under src to clean up my root directory. I copied the config options for tailwind.config.js from this example repo from Tailwind Labs and found that it worked for me.

module.exports = {
  purge: {
    content: ['./src/**/*.{js,jsx,ts,tsx}', './next.config.js'],
  },
  ...

Upvotes: 3

Alireza Amini
Alireza Amini

Reputation: 1250

config files must be stored in main root like next.config.js . but style files can be stored in src directory. read this doc: https://tailwindcss.com/docs/guides/nextjs

Upvotes: 0

Related Questions