【Vite】使用报错合集

本文介绍: Vue3报错Fai led t o p a rs e source fo r import analy si s b e cause th e content contains invalid JS syntax. In sta ll @vite js/plugin–vue t o handle .vue files.无法找到模块“../view s/Ho m eVie w.vue”的声明文件。“/Us e rs/li a n wei/Des k top/old/Pe r son alProjec t/vite–demo2/src/views/Ho meVie w.

1.npm install 报错

解决方法：运行下列命令即可

npm audit fix --force

2.vite 创建 vue3项目 报错

报错：Fai led t o p a rse source fo r import a n aly sis because the content contains invalid JS syntax. Insta ll @vite js/plugin–vue to handle .vue files.

解决方法：

1）安装 @vite js/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）重新运行即可

npm run dev

3.imp rot 引入 文件 报错

报错：无法找到模块“../views/HomeVie w.vue”的声明文件。“/Users/li anwei/Des k top/old/Per sonalPr oj ect/vite-demo2/src/views/HomeVie w.vue.js”隐式拥有 “any” 类型。

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

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