vue2 升级vue3报错问题整理

vue3
Updated: 2025-08-19

vue2 升级 vue3 报错问题整理 🔗

vite 路径别名 🔗

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11

resolve: {
      // https://cn.vitejs.dev/config/#resolve-alias
      alias: {
        // 设置路径
        '~': path.resolve(__dirname, './'),
        // 设置别名
        '@': path.resolve(__dirname, './src')
      },
      // https://cn.vitejs.dev/config/#resolve-extensions
      extensions: ['.mjs', '.js', '.ts', '.jsx', '.tsx', '.json', '.vue']
    },

Catch all routes (“*”) must now be defined using a param with a custom regexp. 🔗

1
2
3
4
5
6

{
     // 识别不到的path 自动调转404
     // vue2使用* vue3使用:pathMatch('*') 或者 :pathMatch('*')* 或者 :catchAll(.*)
    path: "/:catchAll(.*)",
    redirect: '/404',
},

Module “path” has been externalized for browser compatibility. Cannot access “path.resolve” in client code. 🔗

  • 安装npm install path-browserify

  • 使用 path-browserify 代替 path 模块

  • 不再使用import path from 'path'，改为import path from 'path-browserify'

Tags

vue3