试图用TailwindCSS编译VueJS projecto但不起作用

Question

我正在遵循可用于学习tailwindcss（https://tailwindcss.com/screencasts/）基础知识的课程。在第06课：提取可重用组件中，我对存储库（https://github.com/tailwindcss/designing-with-tailwindcss/tree/master/01-getting-up-and-running/06-extracting-reusable-components）进行了git clone的运行，并运行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-loader似乎有问题，但是我已经安装了npm install -D postcss-loader并再次编译了所有内容，消息没有改变。