Closed jean-smaug closed 5 years ago
Since you didn't add the postcss-import
plugin, the import statement has to use a tilde to mark node module imports:
@import "~tailwindcss/base";
@import "~tailwindcss/components";
@import "~tailwindcss/utilities";
I assume you took this code from the tailwind docs, but those explicitly talk about setups that use postcss-import, which Vue CLI doesn't include by default.
Resolved by using
@tailwind base;
@tailwind components;
@tailwind utilities;
Version
3.7.0
Reproduction link
https://github.com/jean-smaug/condorcet/pull/40
Environment info
Steps to reproduce
yarn install yarn serve
What is expected?
CSS is compiled and server run normally
What is actually happening?
ERROR Failed to compile with 3 errors 12:27:12
These dependencies were not found:
To install them, you can run: npm install --save -!../nod e_modules/css-loader/dist/cjs.js??ref--6-oneOf-3-1!../nod e_modules/postcss-loader/src/index.js??ref--6-oneOf-3-2!. /tailwindcss/base -!../node_modules/css-loader/dist/cjs.js??ref--6-oneOf-3-1!../node_modules/postcss-loader/src/index.js??ref--6-oneOf-3-2!./tailwindcss/components -!../node_modules/css-loader/dist/cjs.js??ref--6-oneOf-3-1!../node_modules/postcss-loader/src/index.js??ref--6-oneOf-3-2!./tailwindcss/utilities