在使用vite工具开发Vue.js 3.0项目时,由于配置问题,导致了项目运行报错,错误提示如下:
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
解决!文章来源地址https://www.toymoban.com/news/detail-572686.html
文章来源:https://www.toymoban.com/news/detail-572686.html
到了这里,关于[vite]:报错Failed to parse source for import analysis because the content contains invalid JS syntax.的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!