Tailwindcss error when trying to build css

Question

trying to learn tailwind but when I try to build the CSS I keep getting errors. I've followed multiple videos and every time I run into this error.

this is the error that I keep getting. $ npm run build

> [email protected] build C:\Users\ghost\Dropbox\portfolio project\Discovery TV Platform
> tailwind build assest/styles.css -o public/styles.css

internal/modules/cjs/loader.js:463
  throw e;
  ^

Error: Package exports for 'C:\Users\ghost\node_modules\colorette' do not define a valid '.' target
    at resolveExportsTarget (internal/modules/cjs/loader.js:460:13)
    at resolveExports (internal/modules/cjs/loader.js:393:16)
    at Function.Module._findPath (internal/modules/cjs/loader.js:492:20)
    at Function.Module._resolveFilename (internal/modules/cjs/loader.js:787:27)
    at Function.Module._load (internal/modules/cjs/loader.js:693:27)
    at Module.require (internal/modules/cjs/loader.js:864:19)
    at require (internal/modules/cjs/helpers.js:74:18)
    at Object.<anonymous> (C:\Users\ghost\node_modules\autoprefixer\lib\autoprefixer.js:3:17)      
    at Module._compile (internal/modules/cjs/loader.js:971:30)
    at Object.Module._extensions..js (internal/modules/cjs/loader.js:1011:10) {
  code: 'MODULE_NOT_FOUND'
}
npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! [email protected] build: `tailwind build assest/styles.css -o public/styles.css`
npm ERR! Exit status 1
npm ERR! 
npm ERR! Failed at the [email protected] build script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.

npm ERR! A complete log of this run can be found in:
npm ERR!     C:\Users\ghost\AppData\Roaming\npm-cache\_logs\2020-11-22T07_01_12_878Z-debug.log

here is my json file

{
  "name": "platfomr",
  "version": "1.0.0",
  "description": "",
  "main": "index.js",
  "scripts": {
    "build": "tailwindcss build assest/styles.css -o public/styles.css"
  },
  "author": "",
  "license": "ISC",
  "dependencies": {
    "tailwindcss": "^2.0.1"
  }
}
enter code here

any help would be greatly appreciated. Thank you in advance.

Joundill · Accepted Answer · 2021-02-11 04:08:32Z

6

npm i tailwindcss@latest autoprefixer@latest

solved the problem for me

edited Feb 11, 2021 at 4:08

Joundill

7,82113 gold badges40 silver badges54 bronze badges

answered Feb 10, 2021 at 22:59

Vincent

811 silver badge7 bronze badges

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

Comments

duke · Accepted Answer · 2020-11-23 18:31:42Z

0

after further reseach i foud the answer on a Github form - https://github.com/tailwindlabs/tailwindcss/discussions/2054

basically, if you're running a node v13 releases you need to update to a higher version.

Tailwindcss doesn't commit the package.lock file, and uses semver for autoprefixer dependency, which added colorette in a later minor version, causing it to suddenly break for users of these faulty node releases.

answered Nov 23, 2020 at 18:31

duke

211 gold badge1 silver badge3 bronze badges

Comments

CodeNKoffee · Accepted Answer · 2022-01-22 21:45:11Z

0

It looks like you might be missing a dependency required by Tailwind. You could try running npm install -D postcss in the directory where your package.json. Worked for me!

answered Jan 22, 2022 at 21:45

CodeNKoffee

331 silver badge6 bronze badges

Collectives™ on Stack Overflow

Tailwindcss error when trying to build css

3 Answers 3

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related