vite搭建react項目
初始化項目
npm create vite
在執(zhí)行完上面的命令后,npm 首先會自動下載create-vite這個第三方包,然后執(zhí)行這個包中的項目初始化邏輯。輸入項目名稱之后按下回車,此時需要選擇構(gòu)建的前端框架:
? Project name: vite-project
? Select a framework: ? - Use arrow-keys. Return to submit.
? ? vanilla // 無前端框架
? ? vue ? ? // 基于 Vue
>? react ? // 基于 React
? ? preact? // 基于 Preact(一款精簡版的類 React 框架)
? ? lit ? ? // 基于 lit(一款 Web Components 框架)
? ? svelte? // 基于 Svelte
選中react后們還有個選項,我們選擇typescript
切換到項目按照依賴后跑起來
?
cd vite-project
npm install
npm run dev
vscode編輯器報紅
React refers to UMD global, but the current file is a module
In VSCode, you can press?CTRL + Shift + P
?or (?
?+?Shift
?+?P
?on Mac) to open the command palette.
Type?"typescript version"?in the input
Property 'a' does not exist on type 'JSX.IntrinsicElements'?
處理方法同上文章來源:http://www.zghlxwxcb.cn/news/detail-703752.html
參考:類型“JSX. IntrinsicElement”上不存在屬性“div”,當(dāng)我用vite創(chuàng)建react typescript項目時 _大數(shù)據(jù)知識庫?文章來源地址http://www.zghlxwxcb.cn/news/detail-703752.html
到了這里,關(guān)于React refers to UMD global, but the current file is a module vite初始化react項目的文章就介紹完了。如果您還想了解更多內(nèi)容,請在右上角搜索TOY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章,希望大家以后多多支持TOY模板網(wǎng)!