Unclosed string in Parcel 2 builds

[mattlockyer]

When I include:

import './../node_modules/@picocss/pico/scss/pico.scss';

I get:

> yarn build
yarn run v1.22.10
$ yarn clean
$ rimraf ./dist
$ parcel build src/index.html --no-source-maps
🚨 Build failed.

@parcel/optimizer-cssnano: <css input>:461:271: Unclosed string

When I don't include pico, the build works.

[mattlockyer]

the parcel dev server is fine, it's only the build process which I'm assuming calls @parcel/optimizer-cssnano

[lucaslarroche]

I don't have much time to investigate this issue as it seems more related to parcel. No problem for the builds with sass and the postprocessing with cleancss and postcss.

But this problem could be indicative of a syntax problem in the .scss files. Do you have more info? Can we know why, or where (line?) there is an error?

[silpil]

I have some problem too, when I build nuxt app have error, dev server is ok ("sass": "^1.32.13", "sass-loader": "^10.1.1").

ERROR in ./node_modules/@picocss/pico/scss/pico.scss (./node_modules/css-loader/dist/cjs.js??ref--7-oneOf-1-1!./node_modules/postcss-loader/src??ref--7-oneOf-1-2!./node_modules/sass-loader/dist/cjs.js??ref--7-oneOf-1-3!./node_modules/@picocss/pico/scss/pico.scss) Module build failed (from ./node_modules/postcss-loader/src/index.js):

[silpil]

@lucaslarroche I check your source code and find postcss, postcss-scss for the builds. And I fixed my problem when added this libs.

@mattlockyer Try this npm --save install postcss postcss-scss