Vue3 Build route error

Error description

• Use vite structure vue3 Project time , Error when creating routing item
  

• Wrong content

Failed to parse source for import analysis because the content contains invalid JS syntax. Install @vitejs/plugin-vue to handle .vue files.
18:51:09 [vite] Internal server error: Failed to parse source for import analysis because the content contains invalid JS syntax. Install @vitejs/plugin-vue to handle .vue files.
Plugin: vite:import-analysis

Question why

• The lack of @vitejs/plugin-vue Components , Need to be reinstalled .

Problem solving

• install @vitejs/plugin-vue

npm install @vitejs/plugin-vue

• reinstall npm

npm i

• Created in the root directory 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()]
})

• restart

npm run dev