Struggling to grasp Tailwind CSS as I try to compile the CSS but keep encountering errors. Despite following numerous tutorials, this persistent error continues to hinder my progress.
This is the specific error message that keeps popping up: $ npm run build
> <a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="b2c2ded3c6d4dddfc0f2839c829c82">[email protected]</a> build C:\Users\ghost\Dropbox\portfolio project\Discovery TV Platform
> tailwind build assets/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! <a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="f7879b968391989a85b7c6d9c7d9c7">[email protected]</a> build: `tailwind build assets/styles.css -o public/styles.css`
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the <a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="b7c7dbd6c3d1d8dac5f78699879987">[email protected]</a> 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
Below is my JSON file:
{
"name": "platform",
"version": "1.0.0",
"description": "",
"main": "index.js",
"scripts": {
"build": "tailwindcss build assets/styles.css -o public/styles.css"
},
"author": "",
"license": "ISC",
"dependencies": {
"tailwindcss": "^2.0.1"
}
}
enter code here
Any assistance on resolving this issue would be highly appreciated. Many thanks in advance.