快捷導(dǎo)航

Vite使用報錯解決方法合集

更新時間：2023年08月28日 09:56:21 作者：風(fēng)雨兼程^_^

這篇文章主要給大家介紹了關(guān)于Vite使用報錯解決方法的相關(guān)資料,這篇文中通過圖文以及代碼將遇到的一些報錯介紹的非常詳細(xì),對大家學(xué)習(xí)或者使用vite具有一定的借鑒價值,需要的朋友可以參考下

1.npm install 報錯

解決方法：運(yùn)行下列命令即可

npm audit fix --force

2.vite創(chuàng)建vue3項(xiàng)目報錯

報錯：Failed to parse source for import analysis because the content contains invalid JS syntax. Install @vitejs/plugin-vue to handle .vue files.

解決方法：

1）安裝 @vitejs/plugin-vue

npm i @vitejs/plugin-vue

2）重新 npm install

npm install

3）添加配置文件vite.config.js

// vite.config.js
import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'
// https://vitejs.dev/config/
export default defineConfig({
  plugins: [vue()]
})

4）重新運(yùn)行即可

npm run dev

3.improt引入文件報錯

報錯：無法找到模塊“../views/HomeView.vue”的聲明文件。“/Users/lianwei/Desktop/old/PersonalProject/vite-demo2/src/views/HomeView.vue.js”隱式擁有 "any" 類型。

解決方法：找到src/vite-env.d.ts 添加以下代碼

// 在文件中加上
declare module '*.vue' {
   import type { DefineComponent } from 'vue'
   const component: DefineComponent<{}, {}, any>
   export default component
}
// 或者
declare module '*.vue' {
   import type { DefineComponent } from 'vue'
   const component: ComponentOptions | ComponentOptions['setup']
   export default component
}

總結(jié)

到此這篇關(guān)于Vite使用報錯解決方法的文章就介紹到這了,更多相關(guān)Vite使用報錯內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！

您可能感興趣的文章:

vite
報錯

相關(guān)文章

Vue使用vm.$set()解決對象新增屬性不能響應(yīng)的問題
這篇文章主要介紹了Vue使用vm.$set()解決對象新增屬性不能響應(yīng)的問題,為了解決這個問題，Vue提供了一個特殊的方法vm.$set(object, propertyName, value)，也可以使用全局的Vue.set(object, propertyName, value)方法，需要的朋友可以參考下
2023-05-05
Vue實(shí)現(xiàn)極致舒適的可編輯表格
使用ElementPlus的Table啥都好，就是沒有可編輯表格，所以這篇文章就來和大家分享一下Vue實(shí)現(xiàn)極致舒適的可編輯表格的方法，希望對大家有所幫助
2023-06-06
vue腳手架vue-cli的卸載與安裝方式
pm是nodejs的包管理和分發(fā)工具,它可以讓javascript開發(fā)者能夠更加輕松的共享代碼和共用代碼片段,下面這篇文章主要給大家介紹了關(guān)于vue腳手架vue-cli卸載與安裝的相關(guān)資料,需要的朋友可以參考下
2022-07-07
vue3?process.env.XXX環(huán)境變量不生效的解決方法
這篇文章主要給大家介紹了關(guān)于vue3?process.env.XXX環(huán)境變量不生效的解決方法,通過文中介紹的方法可以很方便的解決遇到的問題,對大家學(xué)習(xí)或者使用vue3具有一定的參考借鑒價值,需要的朋友可以參考下
2023-08-08
vue去掉嚴(yán)格開發(fā),去掉vue-cli安裝時的eslint或修改配置方式
這篇文章主要介紹了vue去掉嚴(yán)格開發(fā),去掉vue-cli安裝時的eslint或修改配置方式，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教
2022-04-04
vue移動端實(shí)現(xiàn)紅包雨效果
這篇文章主要為大家詳細(xì)介紹了vue移動端實(shí)現(xiàn)紅包雨效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2018-07-07
淺談vue.js中v-for循環(huán)渲染
本篇文章主要介紹了淺談vue.js中v-for循環(huán)渲染，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
2017-07-07
vue根據(jù)值給予不同class的實(shí)例
今天小編就為大家分享一篇vue根據(jù)值給予不同class的實(shí)例，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧
2018-09-09
解決VUE雙向綁定失效的問題
今天小編就為大家分享一篇解決VUE雙向綁定失效的問題，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧
2019-10-10
vue配置nprogress實(shí)現(xiàn)頁面頂部進(jìn)度條
這篇文章主要為大家詳細(xì)介紹了vue配置nprogress實(shí)現(xiàn)頁面頂部進(jìn)度條，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2019-09-09