Tailwind Css 重建：如何编写“观看”脚本？

Question

我是js新手。我安装了 Tailwind 来更新我的网站，使其具有响应能力。
升级电脑到 win 10 后工作正常（再见 7）。但在 VSCode 中，我必须运行:

 "npx tailwindcss -i ./src/css/input.css -o ./src/css/output.css --watch"  

每次我启动终端以使顺风开始重建。
我在视频中看到一个 package.js 包含这一行：

"scripts":{
       "watch": "postcss ./src/css/input.css -o ./src/css/output.css --watch"
          },

如果这个“手表”正常工作，编码会更简单。

Exécution de la tâche : npm run watch 

npm ERR! code EJSONPARSE
npm ERR! JSON.parse Invalid package.json: JSONParseError: Unexpected string in JSON at 
position 533 while parsing '{
npm ERR! JSON.parse   "name": "postcss-cli",
npm ERR! JSON.parse   "version": '
npm ERR! JSON.parse Failed to parse JSON data.
npm ERR! JSON.parse Note: package.json must be actual JSON, not just JavaScript.

有没有人能说清楚一点？

我在 package.js 中添加了这一行 “node_modules\postcss-cli”：

Answer 1

如错误消息所示，并且您的 IDE 可能会通过红色波浪下划线提示，

package.json

是无效的 JSON。您在

test

脚本后面缺少一个逗号来分隔

scripts

对象中的条目，并且在

watch

对象中的最后一个

scripts

条目后面有一个错误的尾随逗号。该部分应该看起来更像：

  "pretest": "…",
  "test": "…",
  "watch": "postcss ./src/css/input.css -o ./src/css/output.css --watch"
}

Answer 2

在 watch?v=2NT6VvfR9Hk 于 4:33 观看其他视频后，我添加了以下行：

 "scripts": {
"watch": "tailwindcss -i ./src/css/input.css -o ./src/css/output.css --watch"
  },

在我的 package.js 文件中，不在 postcss 或 postcss-cli 目录中，而是在我的 tailwind-project 目录中。 现在，当我启动 VSCode 时，无需复制并粘贴整行“tailwindcss -i ./src/css/input.css -o ./src/css/output.css --watch”来启动自动构建：- ) : 我只是输入 :

npm run watch

构建过程开始。

Answer 3

我很失望我问的这个问题得到了 3 票反对，这可能就是为什么我不能再在这个网站上问任何问题了。我还说我在另一个问题中向机器人询问了其他问题，但没有得到很好的认可。

你必须与机器人打交道！闭上眼睛并不能改变任何事情！
我遇到了上面的问题，并且我终于找到了解决问题的方法（在这种情况下，它不是机器人，而是 YouTube 剪辑）。那么这个问题可以帮助任何有同样问题的人！

它得到了 3 票反对！你们版主的目标是什么？