HiveSnap - 建設 Nuxt App 過程遇上 prettier 引起的 Module Error

image.png

今天是週未假期的第一天,本想輕鬆搞一搞放置多時的 side project。

可惜一上手不久,剛想把項目 npm run dev 起來繼續 develop, 按下 Enter 鍵後一大堆 ERROR 彈出,根本完全不能打開項目 。令我十份頭痛。

粗看一下 ERROR 提示

[1]   1 error and 0 warnings potentially fixable with the `--fix` option.

心想: 難度就如此簡單打個指令就能除錯!? 先試試。

結果不言而喻,ERROR 顯視的提示大多都比較坑。

只好自己來看錯在那裡,相信加上 Google 大神,可以很快 debug 。

12:35  error  Replace `·indeterminate·color="grey·lighten-5"` with `⏎················indeterminate⏎················color="grey·lighten-5"⏎··············`  prettier/prettier

從我的 ERROR 上看得出是其中 prettier 出了問題,看樣子是 ESlint + Prettier rules 有衝突,當中有一個覺得需要對空格數量進行修改。

可是文件內有很多都有一樣的問題,要是每個都改,花的時間不值。

請求 Google 大神,怎樣可以自動修改 prettier 設下的 rules 呢?

最後找到方法,在 cmd 上打上

npx prettier --write "**/*.{vue,js}"

完成! 可以繼續工作了!



0
0
0.000
0 comments