Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

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

Open
ShaleenAg opened this issue Aug 16, 2021 · 0 comments

Comments

@ShaleenAg
Copy link

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;
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

1 participant