Vue Vite初学报错大全

Sun, 07 Aug 2022 15:23:20 +0800

项目环境

机器：mac

框架：vue3

版本：vue=^3.0.4

###报错信息

[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.

问题描述

1、安装Vite及初始化项目

npm init vite-app vue3demo004
npm install
npm run dev

2、手动配置完项目后，项目目录如下

├── node_modules
├── package-lock.json
├── package.json
├── public
│   └── favicon.ico
├── src
│   ├── App.vue
│   ├── assets
│   │   └── logo.png
│   ├── components
│   │   └── HelloWorld.vue
│   ├── index.css
│   └── main.js

###关键文件信息

package.json

{
 "name": "vue3demo004",
 "version": "0.0.0",
 "scripts": {
 "dev": "vite",
 "build": "vite build"
 },
 "dependencies": {
 "vue": "^3.0.4"
 },
 "devDependencies": {
 "@vue/compiler-sfc": "^3.0.4",
 "vite": "^3.0.4"
 }
}

app.vue

Vue on Lost Temple

Vue Vite初学报错大全

项目环境

问题描述