json Tailwind Css重建:如何写一个脚本“手表”?

c90pui9n  于 2023-07-01  发布在  其他
关注(0)|答案(2)|浏览(124)

我是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”中添加了这行代码:

gkl3eglg

gkl3eglg1#

正如错误消息所提示的那样,并且可能您的IDE通过红色波浪形下划线提示,package.json是无效的JSON。在test脚本后缺少逗号来分隔scripts对象中的条目,并且在scripts对象中的最后一个watch条目后有一个错误的尾随逗号。该部分应该看起来更像:

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

c6ubokkw2#

在观看其他视频之后?v=2NT6VvfR9Hk at 4:33 i have added the line:

"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

建筑过程开始了。

相关问题