Vue3 遇到的问题

Vue3 + vite

创建Vue3 项目

参考

Vue3 全家桶 + Element Plus + Vite + TypeScript + Eslint 项目配置最佳实践_全栈修炼的博客-CSDN博客

process is not defined

在 vite.config.ts 中增加 define：

import { defineConfig } from 'vite'

export default defineConfig({
  // ...
  define: {
    'process.env': {}
  }
})

vite忽略.vue扩展名 Failed to resolve import ..... Does the file exist?

在vite脚手架中, 引入时忽略.vue扩展名将导致错误

在 src 目录下新加 shim.d.ts 文件

/* eslint-disable */
import type { DefineComponent } from 'vue'
 
declare module '*.vue' {
  const component: DefineComponent<{}, {}, any>
  export default component
}

或者 参考  vite忽略.vue扩展名 Failed to resolve import ..... Does the file exist?_余栀丶的博客-CSDN博客_vite vue后缀

Vue3  学习教程汇总、源码解释项目、支持的 UI 组件库、优质实战项目

推荐

  Vue3 的学习教程汇总、源码解释项目、支持的 UI 组件库、优质实战项目