search

btholt / complete-intro-to-react-v6

learn React.js with Brian Holt
https://frontendmasters.com/courses/complete-react-v6/
Other
1.47k stars 214 forks source link

Parcel build errors out when trying to add tailwind with postcss for the first time. #44

Open ShaleenAg opened 3 years ago

ShaleenAg commented 3 years ago

When trying to integrate tailwind for the first time, parcel throws this error after trying to build the project

/mnt/c/Users/Shaleen/Documents/Visual Studio 2019/Courses/Frontend Masters/Intermediate React V3/src/style.css:undefined:undefined: JSON5: invalid character '\"' at 5:9
    at syntaxError (/mnt/c/Users/Shaleen/Documents/Visual Studio 2019/Courses/Frontend Masters/Intermediate React V3/node_modules/parcel/node_modules/json5/lib/parse.js:1:12963)
    at invalidChar (/mnt/c/Users/Shaleen/Documents/Visual Studio 2019/Courses/Frontend Masters/Intermediate React V3/node_modules/parcel/node_modules/json5/lib/parse.js:1:12177)
    at Object.afterPropertyValue (/mnt/c/Users/Shaleen/Documents/Visual Studio 2019/Courses/Frontend Masters/Intermediate React V3/node_modules/parcel/node_modules/json5/lib/parse.js:1:8133)
    at Object._default [as default] (/mnt/c/Users/Shaleen/Documents/Visual Studio 2019/Courses/Frontend Masters/Intermediate React V3/node_modules/parcel/node_modules/json5/lib/parse.js:1:2255)
    at lex (/mnt/c/Users/Shaleen/Documents/Visual Studio 2019/Courses/Frontend Masters/Intermediate React V3/node_modules/parcel/node_modules/json5/lib/parse.js:1:1680)
    at parse (/mnt/c/Users/Shaleen/Documents/Visual Studio 2019/Courses/Frontend Masters/Intermediate React V3/node_modules/parcel/node_modules/json5/lib/parse.js:1:992)
    at Object.load (/mnt/c/Users/Shaleen/Documents/Visual Studio 2019/Courses/Frontend Masters/Intermediate React V3/node_modules/parcel/src/utils/config.js:45:30)
    at async getConfig (/mnt/c/Users/Shaleen/Documents/Visual Studio 2019/Courses/Frontend Masters/Intermediate React V3/node_modules/parcel/src/transforms/postcss.js:25:16)
    at async module.exports (/mnt/c/Users/Shaleen/Documents/Visual Studio 2019/Courses/Frontend Masters/Intermediate React V3/node_modules/parcel/src/transforms/postcss.js:11:16)
    at async CSSAsset.transform (/mnt/c/Users/Shaleen/Documents/Visual Studio 2019/Courses/Frontend Masters/Intermediate React V3/node_modules/parcel/src/assets/CSSAsset.js:133:5)

I have made sure to double check the instructions. Any idea where it might be going wrong?

P.S.

Here's my style.css

@tailwind base;
@tailwind components;
@tailwind utilities;