使用vite工具构建vue3项目
## 使用vite创建vue3项目vite_prj
npm init vite-app vite_prj
## 进入vite_prj项目
cd vite_prj
## 安装依赖
npm install
## 安装依赖后提示有风险
## 3 vulnerabilities (2 low, 1 high)
## To address all issues (including breaking changes), run:
## npm audit fix --force
## 按照提示运行命令,打补丁修复漏洞
npm audit fix --force
## 启动项目
npm run dev
启动项目报错:
使用vite工具创建Vue.js 3.0项目,启动项目时报错Failed to parse source for import analysis because the content contains invalid JS syntax.
Failed to parse source for import analysis because the content contains invalid JS syntax. Install @vitejs/plugin-vue to handle .vue files.
12:08:44 [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、 首先安装依赖插件
npm install @vitejs/plugin-vue -D
2、接着创建vite项目配置文件: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()],
});
3、重新运行
npm run dev