国产 无码 综合区,色欲AV无码国产永久播放,无码天堂亚洲国产AV,国产日韩欧美女同一区二区

vue3+ts項目在vscode中爆紅提示修復(fù)

這篇具有很好參考價值的文章主要介紹了vue3+ts項目在vscode中爆紅提示修復(fù)。希望對大家有所幫助。如果存在錯誤或未考慮完全的地方,請大家不吝賜教,您也可以點擊"舉報違法"按鈕提交疑問。

問題描述:
新搭建的vue3+ts項目,在vscode中打開,已經(jīng)安裝的的依賴文件也會提示紅線
如下圖:
image.png
在vscode中的tsconfig.json修改配置如下:
image.png
代碼如下:文章來源地址http://www.zghlxwxcb.cn/news/detail-822842.html

{
  "compilerOptions": {
    "target": "ES2020",
    "useDefineForClassFields": true,
    "module": "ESNext",
    "lib": ["ES2020", "DOM", "DOM.Iterable"],
    "skipLibCheck": true,
    // "types": ["element-plus/global"],

    /* Bundler mode */
    "moduleResolution": "node",
    "allowImportingTsExtensions": true,
    "resolveJsonModule": true,
    "isolatedModules": true,
    "noEmit": true,
    "jsx": "preserve",
    "baseUrl": ".",
    "allowJs": true,
    /* Linting */
    "strict": true,
    "noUnusedLocals": true,
    "noUnusedParameters": true,
    "noFallthroughCasesInSwitch": true
  },
  "types": ["vite/client", "element-plus/global","unplugin-icons/types/vue"],
  "skipLibCheck": true /* Skip type checking all .d.ts files. */,
  "allowSyntheticDefaultImports": true /* 允許默認(rèn)導(dǎo)入 */,
  "forceConsistentCasingInFileNames": true /* Ensure that casing is correct in imports. */,
  "include": ["src/**/*.ts", "src/**/*.d.ts", "src/**/*.tsx", "src/**/*.vue"],
  "references": [{ "path": "./tsconfig.node.json" }]
}

到了這里,關(guān)于vue3+ts項目在vscode中爆紅提示修復(fù)的文章就介紹完了。如果您還想了解更多內(nèi)容,請在右上角搜索TOY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章,希望大家以后多多支持TOY模板網(wǎng)!

本文來自互聯(lián)網(wǎng)用戶投稿,該文觀點僅代表作者本人,不代表本站立場。本站僅提供信息存儲空間服務(wù),不擁有所有權(quán),不承擔(dān)相關(guān)法律責(zé)任。如若轉(zhuǎn)載,請注明出處: 如若內(nèi)容造成侵權(quán)/違法違規(guī)/事實不符,請點擊違法舉報進(jìn)行投訴反饋,一經(jīng)查實,立即刪除!

領(lǐng)支付寶紅包贊助服務(wù)器費用

相關(guān)文章

  • Vue3 + Vite + Ts 開發(fā)必備的 VSCode 插件

    Vue3 + Vite + Ts 開發(fā)必備的 VSCode 插件

    Vetur:Vue 語法高亮和語法檢查插件。 Vue Peek:快速定位 Vue 組件和模板。 Vue 3 Snippets:快速生成 Vue3 相關(guān)代碼的代碼片段。 Vue VSCode Extension Pack:包含了一系列優(yōu)秀的 Vue 相關(guān)插件,如 Vetur、Vue Peek、ESLint 等。 Vite:Vue 官方提供的快速開發(fā)工具,可以快速構(gòu)建和啟動項目,同時

    2024年02月05日
    瀏覽(30)
  • vite vue3 ts import.meta在vscode中報錯

    vite vue3 ts import.meta在vscode中報錯

    問題描述:開發(fā)使用的框架為vite+vue3+ts,在開發(fā)過程中莫名其妙報 僅當(dāng)“--module”選項為“es2020”、“esnext”或“系統(tǒng)”時才允許使用“import.meta”元屬性 問題解決: 通過更改tsconfig.json的module為 esnext,es2022等,未解決該問題; 通過根據(jù)vite文檔,在 src 目錄下創(chuàng)建一個 env.

    2024年02月14日
    瀏覽(23)
  • vue3項目中引入ts

    vue3項目中引入ts

    提示:文章是基于vue3的項目基礎(chǔ)上引入ts vue create vue3-ts 選擇自定義預(yù)設(shè),ts設(shè)置未選中狀態(tài) 選擇yarn與npm啟動項目(根據(jù)個人,在這里我選擇yarn) 問題一: 問題二: 問題一 在script 標(biāo)簽中引入ts后,會產(chǎn)生JSX語法錯誤,這時我們需要引入ts(全局引用與局部引用) 第一步:

    2023年04月10日
    瀏覽(29)
  • vue3+ts+vite項目引入echarts,vue3項目echarts組件封裝

    vue3+ts+vite項目引入echarts,vue3項目echarts組件封裝

    技術(shù)棧 :Vue3 + Ts + Vite + Echarts 簡介 : 圖文詳解,教你如何在 Vue3 項目中 引入Echarts , 封裝Echarts組件 ,并實現(xiàn)常用Echarts圖例 1.1 靜態(tài)效果 1.2 動態(tài)效果 2.1 安裝 Echarts npm: pnpm: 2.2 main.ts 中引入 2.3 Echarts 組件封裝 /src/components/ReEcharts/index.vue 文件中寫入如下代碼 3.1 柱狀圖 實現(xiàn)

    2024年02月09日
    瀏覽(33)
  • vscode 中引入文件報類型錯誤:找不到模塊“@/views/login/index.vue”或其相應(yīng)的類型聲明。ts(2307)沒有可用的快速修復(fù)

    這個錯誤通常是因為 TypeScript 在編譯時無法找到指定路徑下的模塊或類型聲明文件。在這個例子中,它無法找到? @/views/login/index.vue ?模塊或其相應(yīng)的類型聲明。 請檢查你的代碼,確保指定路徑下的文件存在并且已經(jīng)正確導(dǎo)出。如果你使用了別名(例如? @ )來指定路徑,也

    2024年02月15日
    瀏覽(29)
  • vite vue3項目打包,跳過ts檢查

    vite vue3項目打包,跳過ts檢查

    遇到這個問題是因為vue文件中script標(biāo)簽沒有寫lang造成的? 剩下的ts類型檢查錯誤 ?\\\"build\\\": \\\"vue-tsc --noEmit --skipLibCheck vite build\\\",是因為這個vue-tsc打包對ts進(jìn)行了類型檢查,需要全部解決了才行,可以關(guān)閉,直接改成\\\"build\\\": \\\"vite build\\\",

    2024年02月16日
    瀏覽(97)
  • vue3+vite+ts+elementplus創(chuàng)建項目

    # vue3+vite+ts+pinia 學(xué)習(xí)筆記 ## 1、創(chuàng)建項目: npm init vite@latest ? ? 選擇: vue、ts ## 2、進(jìn)入項目目錄后:npm install 安裝 ## 3、運行項目: npm run dev ## 4、安裝常用插件: ? ? 1、安裝 npm install vue-router@latest 配置:在src目錄下新建router目錄,創(chuàng)建index.ts文件代碼如下: ? ? ? ```javascript 創(chuàng)建

    2024年02月09日
    瀏覽(19)
  • vue3+ts項目中eslint校驗配置

    vue3+ts項目中eslint校驗配置

    eslint中文官網(wǎng):ESLint - Pluggable JavaScript linter - ESLint中文 ESLint 是一個根據(jù)方案識別并報告 ECMAScript/JavaScript 代碼問題的工具,其目的是使代碼風(fēng)格更加一致并避免錯誤,合理利用可以提高代碼質(zhì)量。 1.安裝eslint pnpm i eslint -D 2.生成eslint配置文件 npx eslint --init 3.安裝vue3代碼環(huán)境校

    2024年02月04日
    瀏覽(47)
  • Vue3通透教程【十七】Vite構(gòu)建TS版本Vue項目

    專欄介紹: 涼哥作為 Vue 的忠實 粉絲輸出過大量的 Vue 文章,應(yīng)粉絲要求開始更新 Vue3 的相關(guān)技術(shù)文章,Vue 框架目前的地位大家應(yīng)該都曉得,所謂三大框架使用人數(shù)最多,公司選型最多的框架,涼哥之前在文章中也提到過就是 Vue 框架之所以火起來的原因,和 Vue 框架相比其

    2024年02月13日
    瀏覽(88)
  • uniapp 小程序 使用vue3+ts運行項目

    uniapp 小程序 使用vue3+ts運行項目

    uniapp官網(wǎng)教程:uni-app官網(wǎng) 創(chuàng)建方式有2種 第一種:通過HBuilderX可視化界面創(chuàng)建 第二種:通過vue-cli命令行 注意:若不能直接使用命令下載,可去gitee下載模板使用 下載完模板后進(jìn)行解壓,利用vscode打開文件,會發(fā)現(xiàn)報這樣的錯誤??主要原因是沒有下載依賴 解決以上錯誤:使

    2024年02月13日
    瀏覽(95)

覺得文章有用就打賞一下文章作者

支付寶掃一掃打賞

博客贊助

微信掃一掃打賞

請作者喝杯咖啡吧~博客贊助

支付寶掃一掃領(lǐng)取紅包,優(yōu)惠每天領(lǐng)

二維碼1

領(lǐng)取紅包

二維碼2

領(lǐng)紅包