目錄
一、新建vite+vue3+ts項(xiàng)目
二、解決過程中遇到的問題
解決報錯：Module ‘“xx.vue“‘ has no default export.
解決報錯：Error [ERR_MODULE_NOT_FOUND]: Cannot find package ‘uuid’ imported from xxx的解決
解決報錯：[plugin:vite:css] Preprocessor dependency "less" not found. Did you install it?
一、新建vite+vue3+ts項(xiàng)目
此處我使用npm做一下安裝:
npm create vite出現(xiàn)如下界面:
- 輸入項(xiàng)目名稱，
- 然后選擇項(xiàng)目類型，此處我選擇vue，
- 選擇語言，此處我選擇的是vue-ts，因?yàn)槲乙胻s版本進(jìn)行開發(fā)。
剩下的就創(chuàng)建完了。最后，把該項(xiàng)目文件夾在vscode里面打開， 然后打開終端，執(zhí)行以下命令，就可以執(zhí)行項(xiàng)目了，
npm install
npm run dev空項(xiàng)目執(zhí)行很快，不到1秒的時間就啟動了，大家可以試一下。
目前項(xiàng)目的目錄結(jié)構(gòu)，如下所示：
二、解決過程中遇到的問題
解決報錯：Module ‘“xx.vue“‘ has no default export.
場景復(fù)現(xiàn)：使用Vue3測試時有如下代碼，簡單的代碼附件了一些看著不爽的提示，雖然不影響正常運(yùn)行。
原因：
vetur是一個vscode插件，用于為.vue單文件組件提供代碼高亮以及語法支持。那既然官方推薦 _volar_，簡單的說volar是vetur的升級版本，提供了更好的功能并有更好的TS支持。解決方法：選擇卸載
vetur，安裝volar插件，最后，記得重啟下VS Code。
ok，問題解決了。
解決報錯：Error [ERR_MODULE_NOT_FOUND]: Cannot find package ‘uuid’ imported from xxx的解決
場景復(fù)現(xiàn)：
原因：顧名思義,根據(jù)錯誤信息翻譯【該文件路徑下找不到uuid的包】即沒有添加依賴
解決方法：由于找不到包，所以我們下載該包即可
npm install fs-extra --save
ok，問題解決。文章來源地址http://www.zghlxwxcb.cn/news/detail-458536.html
解決報錯：[plugin:vite:css] Preprocessor dependency "less" not found. Did you install it?
場景復(fù)現(xiàn)：
原因：style中的lang屬性
解決方法：安裝node-less 或 less 就可以解決，不安裝的話就去除style中的lang屬性
文章來源：http://www.zghlxwxcb.cn/news/detail-458536.html
ok，問題解決。
到了這里，關(guān)于新建vite+vue3+ts項(xiàng)目，以及解決過程中遇到的問題的文章就介紹完了。如果您還想了解更多內(nèi)容，請在右上角搜索TOY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章，希望大家以后多多支持TOY模板網(wǎng)！
