Я следовал курсу, доступному для изучения основы tailwindcss (https://tailwindcss.com/screencasts/). В лекции 06: извлечение многократно используемых компонентов, я сделал git clone
хранилища (https://github.com/tailwindcss/designing-with-tailwindcss/tree/master/01-getting-up-and-running/06-extracting-reusable-components) и запустите npm install
Когда я запускаю npm run serve
для развертывания моего сервера, все компилируется в CLI, но после этого, когда я открываю браузер, я получаю это сообщение
Failed to compile.
./src/assets/tailwind.pcss?vue&type=style&index=0&lang=css& (./node_modules/css-loader??ref--6-oneOf-1-1!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src??ref--6-oneOf-1-2!./node_modules/vue-style-loader??ref--7-oneOf-1-0!./node_modules/css-loader??ref--7-oneOf-1-1!./node_modules/postcss-loader/src??ref--7-oneOf-1-2!./src/assets/tailwind.pcss?vue&type=style&index=0&lang=css&)
Module build failed (from ./node_modules/postcss-loader/src/index.js):
SyntaxError
(1:4) Unknown word
> 1 | // style-loader: Adds some css to the DOM by adding a <style> tag
| ^
2 |
3 | // load the styles
Что такоепроблема? Это похоже на проблему с загрузчиком postcss, но я установил npm install -D postcss-loader
и снова скомпилировал все, и сообщение не изменилось.