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

vite+vue3+ts項目中提示無法找到模塊

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

今天在開發(fā)過程中碰到了導(dǎo)入模塊時提示無法找到模塊這個問題,分享一下我的解決思路

  1. 首先產(chǎn)生這個錯誤是:無法找到模塊XXX,并且提示'XXX' is declared but its value is never read

  1. 產(chǎn)生這個問題的原因是我們使用了ts語法,他只能識別.ts文件,并不能識別.vue文件,所以在引入組件的時候報錯了

注意:這個錯誤并不影響代碼的正常運行,只是在編寫代碼時,import xxx from 'xxx'會一直飄紅,很影響觀感

這里提供一種解決方案如下:

  1. 在項目的根目錄下創(chuàng)建一個xxx.d.ts文件,文件名自定義即可,后綴必須是.d.ts

  1. 在剛剛創(chuàng)建的文件中輸入一下代碼

declare module '*.vue' {
    import { ComponentOptions } from 'vue'
    const componentOptions: ComponentOptions
    export default componentOptions
  }
  1. 保存代碼,并且重啟項目,這樣令人不悅的紅色就會消失啦文章來源地址http://www.zghlxwxcb.cn/news/detail-510519.html

到了這里,關(guān)于vite+vue3+ts項目中提示無法找到模塊的文章就介紹完了。如果您還想了解更多內(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īng)查實,立即刪除!

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

相關(guān)文章

  • VSCode 中,TS 提示 ”無法找到 *.vue 聲明文件“ 的解決方案,ts(2307)

    VSCode 中,TS 提示 ”無法找到 *.vue 聲明文件“ 的解決方案,ts(2307)

    github上找到的vue3-admin項目,下載后啟動發(fā)現(xiàn)vscode總報錯 需要配置tsconfig.json tsconfig.json配置 extends了tsconfig.base.json這個文件,其中有兩項 這里記得修改成true,否則js中會報錯 還有一點也容易忽略,在VSCode中需要設(shè)置 1、點擊右下角 2、選擇

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

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

    遇到這個問題是因為vue文件中script標(biāo)簽沒有寫lang造成的? 剩下的ts類型檢查錯誤 ?\\\"build\\\": \\\"vue-tsc --noEmit --skipLibCheck vite build\\\",是因為這個vue-tsc打包對ts進行了類型檢查,需要全部解決了才行,可以關(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、進入項目目錄后: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+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)
  • 基于Vue3+TS+Vite+Cesium創(chuàng)建項目

    基于Vue3+TS+Vite+Cesium創(chuàng)建項目

    隨著近幾年社會的發(fā)展,人們對三維可視化的需求也是越來越多,三維GIS如今真的越來越火了,對于做GIS前端開發(fā)的人員來說,Cesium開發(fā)是絕對繞不開的一門技術(shù),所以今天來說說如何利用當(dāng)下最火的 Vue3+TS+Vite 來搭建一個基于Cesium的項目開發(fā)環(huán)境。 1.使用 yarn create vite 創(chuàng)建

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

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

    2024年02月13日
    瀏覽(88)
  • 現(xiàn)有的vue3+ts+vite項目集成electron

    現(xiàn)有的vue3+ts+vite項目集成electron

    Electron是使用JavaScript,HTML和CSS構(gòu)建跨平臺的桌面應(yīng)用程序框架。 Electron兼容Mac、Windows和Linux,可以構(gòu)建出三個平臺的應(yīng)用程序。 安裝依賴 原來有一個vue3+ts+vite+pnpm的項目,其中sub-modules是子項目,web是主入口項目,項目結(jié)構(gòu)如下: 需要將其轉(zhuǎn)換成Electron項目,只需要在原來

    2024年02月12日
    瀏覽(99)
  • vue3引入.vue文件以及.ts文件時提示找不到模塊

    1.找不到vue文件的,是因為ts無法解析我們的vue結(jié)尾的文件,所以需要在src目錄下, 新建一個d.ts結(jié)尾的文件(可以叫env.d.ts) 然后里面這樣寫就可以 2,找不到ts文件就更正常了,我們需要在tsconfig.json里面進行配置(沒有的話就新建一個,在根src同級的目錄下面)。就直接復(fù)制就

    2024年02月11日
    瀏覽(99)
  • Vue3 + Vite + Ts自己封裝的基礎(chǔ)組件庫發(fā)布npm ,npm安裝使用(Volar )支持TS 類型提示功能(vite-plugin-dts 使用)

    Vue3 + Vite + Ts自己封裝的基礎(chǔ)組件庫發(fā)布npm ,npm安裝使用(Volar )支持TS 類型提示功能(vite-plugin-dts 使用)

    在開發(fā)Vue3 + Ts項目時:使用自己二次封裝的基礎(chǔ)組件,沒有 Ts類型提示 ,不能像 Element-plus 鼠標(biāo)停在標(biāo)簽或者屬性上就能提示當(dāng)前組件有哪些屬性(即props)及其屬性的類型,如下圖是 Element-plus 組件的 使用Vs Code Volar的提示: 此插件的作用:為打包的庫里加入聲明文件(即生

    2024年02月09日
    瀏覽(26)
  • vue3+Vite+TS項目,配置ESlint和Prettier

    vue3+Vite+TS項目,配置ESlint和Prettier

    實操過的有兩種方式 1.vue腳手架 2.vite(推薦,也是尤大大團隊研發(fā)) 具體怎么新建一個vue3項目就不多講了,可以按照官方文檔來 創(chuàng)建后的文件目錄長這樣 多提一句,vite也會隨著時間不斷迭代,后續(xù)項目結(jié)構(gòu)可能還會發(fā)生變化,當(dāng)前使用的vue版本 和vite版本也一并貼出來 下

    2024年04月15日
    瀏覽(42)

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

支付寶掃一掃打賞

博客贊助

微信掃一掃打賞

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

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

二維碼1

領(lǐng)取紅包

二維碼2

領(lǐng)紅包