Mix, TailwindCSS - Error: Expected a backslash preceding the semicolon
Hey everyone, thought I would document this issue I was suddenly getting that was driving me crazy since there is really not much visible help online. I suddenly started getting an error about an expected backslash while running yarn run dev. I tried everything such as removing node_modules, reviewing all of my committed code, changing to old commits, downgrading versions, etc.
It turns out if you look at tailwind.config.js one of directories that is compiled by tailwind is ./storage/framework/views/*.php. This contains auto-generated cached view code which I guess messed up tailwind's compiler. To resolve simply run php artisan view:clear to clear that cache and then re-run yarn run dev.
Here's the full error I was getting:
ERROR in ./resources/css/app.css
Module build failed (from ./node_modules/mini-css-extract-plugin/dist/loader.js):
ModuleBuildError: Module build failed (from ./node_modules/postcss-loader/dist/cjs.js):
Error: Expected a backslash preceding the semicolon.
at Root._error (/home/vagrant/code/test/node_modules/postcss-selector-parser/dist/parser.js:174:16)
at Root.error (/home/vagrant/code/test/node_modules/postcss-selector-parser/dist/selectors/root.js:43:19)
at Parser.error (/home/vagrant/code/test/node_modules/postcss-selector-parser/dist/parser.js:740:21)
at Parser.missingBackslash (/home/vagrant/code/test/node_modules/postcss-selector-parser/dist/parser.js:744:17)
at Parser.parse (/home/vagrant/code/test/node_modules/postcss-selector-parser/dist/parser.js:1113:14)
at Parser.loop (/home/vagrant/code/test/node_modules/postcss-selector-parser/dist/parser.js:1043:12)
at new Parser (/home/vagrant/code/test/node_modules/postcss-selector-parser/dist/parser.js:164:10)
at Processor._root (/home/vagrant/code/test/node_modules/postcss-selector-parser/dist/processor.js:53:18)
at Processor._runSync (/home/vagrant/code/test/node_modules/postcss-selector-parser/dist/processor.js:100:21)
at Processor.astSync (/home/vagrant/code/test/node_modules/postcss-selector-parser/dist/processor.js:145:17)
at processResult (/home/vagrant/code/test/node_modules/webpack/lib/NormalModule.js:758:19)
at /home/vagrant/code/test/node_modules/webpack/lib/NormalModule.js:860:5
at /home/vagrant/code/test/node_modules/loader-runner/lib/LoaderRunner.js:400:11
at /home/vagrant/code/test/node_modules/loader-runner/lib/LoaderRunner.js:252:18
at context.callback (/home/vagrant/code/test/node_modules/loader-runner/lib/LoaderRunner.js:124:13)
at Object.loader (/home/vagrant/code/test/node_modules/postcss-loader/dist/index.js:142:7)
Please or to participate in this conversation.