Parcel build errors out when trying to add tailwind with postcss for the first time.
ShaleenAg opened this issue · 0 comments
ShaleenAg commented
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;