import.meta" is not available in the configured target environment ("chrome87", "edge88", "es2019", "firefox78", "safari13.1")

[techieoriname]

I'm currently experiencing this when running yarn dev, the ouput below contains errors.

1. No matching export in "node_modules/vue/dist/vue.runtime.esm-bundler.js" for import "initDirectivesForSSR
2 import.meta" is not available in the configured target environment ("chrome87", "edge88", "es2019", "firefox78", "safari13.1") and will be empty

log below

(node:7789) ExperimentalWarning: --experimental-loader is an experimental feature. This feature could change at any time
(Use `node --trace-warnings ...` to show where the warning was created)
Pre-bundling dependencies:
  vitedge
  nprogress
  @vueuse/head
  vue-i18n
  vue
  (...and 6 more)
(this will be run only when your dependencies or config have changed)
 > node_modules/vite-ssr/node_modules/@vue/server-renderer/dist/server-renderer.esm-bundler.js:1:119: error: No matching export in "node_modules/vue/dist/vue.runtime.esm-bundler.js" for import "initDirectivesForSSR"
    1 │ import { ssrContextKey, warn as warn$1, Fragment, Static, Comment, Text, mergeProps, ssrUtils, createApp, createVNode, initDirectivesForSSR } from 'vue';
      ╵                                                                                                                        ~~~~~~~~~~~~~~~~~~~~

/Users/techieoriname/GitHub/vitessedge-template/node_modules/vite/node_modules/esbuild/lib/main.js:1493
  let error = new Error(`${text}${summary}`);
              ^
Error: Build failed with 1 error:
node_modules/vite-ssr/node_modules/@vue/server-renderer/dist/server-renderer.esm-bundler.js:1:119: error: No matching export in "node_modules/vue/dist/vue.runtime.esm-bundler.js" for import "initDirectivesForSSR"
    at failureErrorWithLog (/Users/techieoriname/GitHub/vitessedge-template/node_modules/vite/node_modules/esbuild/lib/main.js:1493:15)
    at /Users/techieoriname/GitHub/vitessedge-template/node_modules/vite/node_modules/esbuild/lib/main.js:1151:28
    at runOnEndCallbacks (/Users/techieoriname/GitHub/vitessedge-template/node_modules/vite/node_modules/esbuild/lib/main.js:941:63)
    at buildResponseToResult (/Users/techieoriname/GitHub/vitessedge-template/node_modules/vite/node_modules/esbuild/lib/main.js:1149:7)
    at /Users/techieoriname/GitHub/vitessedge-template/node_modules/vite/node_modules/esbuild/lib/main.js:1258:14
    at /Users/techieoriname/GitHub/vitessedge-template/node_modules/vite/node_modules/esbuild/lib/main.js:629:9
    at handleIncomingPacket (/Users/techieoriname/GitHub/vitessedge-template/node_modules/vite/node_modules/esbuild/lib/main.js:726:9)
    at Socket.readFromStdout (/Users/techieoriname/GitHub/vitessedge-template/node_modules/vite/node_modules/esbuild/lib/main.js:596:7)
    at Socket.emit (node:events:390:28)
    at Socket.emit (node:domain:475:12) {
  errors: [
    {
      detail: undefined,
      location: [Object],
      notes: [],
      pluginName: '',
      text: 'No matching export in "node_modules/vue/dist/vue.runtime.esm-bundler.js" for import "initDirectivesForSSR"'
    }
  ],
  warnings: [
    {
      detail: undefined,
      location: [Object],
      notes: [],
      pluginName: '',
      text: '"import.meta" is not available in the configured target environment ("chrome87", "edge88", "es2019", "firefox78", "safari13.1") and will be empty'
    },
    {
      detail: undefined,
      location: [Object],
      notes: [],
      pluginName: '',
      text: '"import.meta" is not available in the configured target environment ("chrome87", "edge88", "es2019", "firefox78", "safari13.1") and will be empty'
    },
    {
      detail: undefined,
      location: [Object],
      notes: [],
      pluginName: '',
      text: '"import.meta" is not available in the configured target environment ("chrome87", "edge88", "es2019", "firefox78", "safari13.1") and will be empty'
    },
    {
      detail: undefined,
      location: [Object],
      notes: [],
      pluginName: '',
      text: '"import.meta" is not available in the configured target environment ("chrome87", "edge88", "es2019", "firefox78", "safari13.1") and will be empty'
    },
    {
      detail: undefined,
      location: [Object],
      notes: [],
      pluginName: '',
      text: '"import.meta" is not available in the configured target environment ("chrome87", "edge88", "es2019", "firefox78", "safari13.1") and will be empty'
    }
  ]
}