首页 前端知识 Vue3 Vite报错:vite忽略.vue扩展名 Failed to resolve import ..... Does the file exist?

Vue3 Vite报错:vite忽略.vue扩展名 Failed to resolve import ..... Does the file exist?

2024-07-30 22:07:44 前端知识 前端哥 545 612 我要收藏

Vue3+Vite报错:vite忽略.vue扩展名 Failed to resolve import … Does the file exist?

先看报错:

在这里插入图片描述

分析原因

原因是我们没有写后缀名 建议你在你的vite.config.js中加上如下配置

import { defineConfig } from "vite";
import vue from "@vitejs/plugin-vue";

// https://vitejs.dev/config/
export default defineConfig({
  plugins: [vue()],
  // resolve: {
  //   // 忽略后缀名的配置选项, 添加 .vue 选项时要记得原本默认忽略的选项也要手动写入
  //   extensions: [".mjs", ".js", ".ts", ".jsx", ".tsx", ".json", ".vue"],
  // },
});

转载请注明出处或者链接地址:https://www.qianduange.cn//article/14631.html
标签
评论
发布的文章

AE、Lottie、JSON简单介绍

2024-08-12 10:08:42

VSCode配置settings.json

2024-08-12 10:08:42

JSON 格式说明

2024-08-12 10:08:34

大家推荐的文章
会员中心 联系我 留言建议 回顶部
复制成功!