1.npm install 报错
解决方法:运行下列命令即可
npm audit fix --force
2.vite创建vue3项目报错
报错: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.jsimport { defineConfig } from 'vite'import vue from '@vitejs/plugin-vue'// https://vitejs.dev/config/export default defineConfig({plugins: [vue()]})
4)重新运行即可
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 export default component}// 或者declare module '*.vue' { import type { DefineComponent } from 'vue' const component: ComponentOptions | ComponentOptions['setup'] export default component}