[vite] Failed to parse source for import analysis because the content contains invalid JS syntax.-Toy模板网

这篇具有很好参考价值的文章主要介绍了[vite] Failed to parse source for import analysis because the content contains invalid JS syntax.。希望对大家有所帮助。如果存在错误或未考虑完全的地方，请大家不吝赐教，您也可以点击"举报违法"按钮提交疑问。

在使用vite工具开发Vue.js 3.0项目时，由于配置问题，导致了项目运行报错，错误提示如下：

解决步骤，如下：

1、首先安装依赖插件

2、接着配置vite项目配置文件：vite.config.js

3、重新运行

在使用vite工具开发Vue.js 3.0项目时，由于配置问题，导致了项目运行报错，错误提示如下：

16:17:27 [vite] page reload main.js
Failed to parse source for import analysis because the content contains invalid JS syntax. Install @vitejs/plugin-vue to handle .vue files.
16:17:28 [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
  File: /home/projects/vitejs-vite-der4uu/App.vue

这个错误的大概意思是在解析import的资源路径时出错了，因为import的内容不合法JS标识。错误提示是由vite:import-analysis报出。它还提示我们要去安装使用@vitejs/plugin-vue，这个是用来处理.vue后缀的Vue单文件组件的。

所以我们的解决方案就出来了，我们需要安装使用错误提示的插件@@vitejs/plugin-vue。

解决步骤，如下：

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()],
});

这样，我们就为vite项目配置了可以识别解析.vue后缀单文件组件的功能。

3、重新运行

npm run dev

问题到此，完美解决。

bye~文章来源地址https://www.toymoban.com/news/detail-676256.html

到了这里，关于[vite] Failed to parse source for import analysis because the content contains invalid JS syntax.的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！