Попытка скомпилировать VueJS projecto с TailwindCSS, но не работает - PullRequest
0 голосов
/ 25 сентября 2019

Я следовал курсу, доступному для изучения основы 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 и снова скомпилировал все, и сообщение не изменилось.

...