• Development branch: dev, and will be merged to next on each pre-release.
• Documentation: https://next.cli.vuejs.org/migrations/migrate-from-v4.html

Here are the rough ideas:

Major Dependency Upgrades

• [x] Webpack 5 (also allows to opt-out to webpack 4), https://github.com/vuejs/vue-cli/pull/6060
• [x] HTML Webpack Plugin 4
• [x] Cypress 6, would be a peer dependency
• [x] Workbox 6
• [x] Jest 26
• [x] Mocha 8
• [x] ESLint 7
• Other necessary major dependency version bumps, including various webpack loaders and plugins

Planned New Features

• [ ] Performance
  • Now that we use webpack 5 by default, we can utilize its persistent cache to have a better compilation performance.
• [x] Predicatibility
  • ~~A --transpile-all CLI flag to include node_modules for transpiration, as a fail-safe for the transpileDependencies option.~~ The transpileDependencies option can be set to true to transpile all dependencies in node_modules. It should be the recommended way to build your app, especially when you are using webpack 5, as the compilation overhead should be tolerable with the persistent cache.
• [x] Modern mode
  • Enabled by default, with additional modern-only and no-modern CLI options
  • A separate polyfills chunk by default
  • Better browserslist integration. For example, safari-no-module-fix can be dropped when browserslist config does not target those buggy browsers.
• [x] Configuration
  • Async config loading

Changed Behaviors

• [x] vue serve/build will be an alias of npm run serve/build. If an entry is designated and no package.json found, it’ll prompt to use vite (Vue 3) or parcel (Vue 2) for instant prototyping instead.

Dropped Features

• [x] Drop support of Node.js 8, 11, 13
• [x] Drop support of TSLint
• [x] Drop support of node-sass
• [ ] Drop support of extension-less Vue SFC imports
• [ ] Do not allow creating projects with uppercase names even in Vue CLI UI.

Other Breaking Changes Under Consideration

• [ ] Respect XDG specification for the location of configs

See https://github.com/RIAEvangelist/node-ipc/issues/233#issuecomment-1068182278 the node-ipc is doing things far more than ever expected.

If any users are using ip in russia, all their file will be wiped entirely by ❤️, and that's a VERY DANGEROUS BEHAVIOR. This is not just making a joke, but damaging russia people's PC or server

I don't think vue team has done enough job just releaasing new versions, we should at lease

• add POPUPs in official website about that

• deprecate all the infected vue-cli packages to add a message for that

Also, we can do:

• adding some warnings in vue-devtools by publishing new versions, so that users may get a chance automatically upgrade and see the warning.

@sodatea @yyx990803 Please take actions as soon as possible!❤️

Version

3.0.0-rc.10

Node and OS info

Node 8.11.2 / Yarn 1.7.0 / Windows 10

Steps to reproduce

• git clone https://github.com/vinaybedre/vue-cli-3-hmr-bug
• yarn install
• npm start serve
• Open server at http://localhost:8080/about
• Do changes to any src file eg. under views/About.vue change the text
• Under browser's console, I get error Failed to load resource: net::ERR_CONNECTION_TIMED_OUT
• HMR is not working as expected and mentioned

What is expected?

HMR should update the browser's content based on changes made on src file

What is actually happening?

HMR is failing, any changes done to the src files are not being hot reloaded in browser.

when runing dev-server there throw these two Error

ERROR Failed to compile with 2 errors 10:53:28

These relative modules were not found:

• ./build/dev-client in multi ./build/dev-client ./src/main.js
• ./src/main.js in multi ./build/dev-client ./src/main.js

Listening at http://localhost:8080

node-version 6.8.0 window10 i don't modify the webpack default config, it can run the app sometime but mostly throw the error

Version

3.0.1

Node and OS info

nvm 0.33.1 / Node v8.11.4 / Ubuntu 16.04

Steps to reproduce

npm run build fails because vue-cli-service: command not found

What is expected?

npm run build succeeds

What is actually happening?

npm run build fails because vue-cli-service: command not found

Installed globally with npm install -g @vue/[email protected]

Version

3.1.1

Node and OS info

npm 6.4.1

Steps to reproduce

npm install -g @vue/cli

What is expected?

Install Successful

What is actually happening?

npm WARN [email protected] requires a peer of [email protected]^0.11.0 || ^0.12.0 || ^0.13.0 but none is installed. You must install peer dependencies yourself.
npm WARN [email protected] requires a peer of [email protected]^0.10.5 || ^0.11.3 || ^0.12.0 || ^0.13.0 but none is installed. You must install peer dependencies yourself.
npm WARN [email protected] requires a peer of [email protected]^0.10.5 || ^0.11.3 || ^0.12.0 || ^0.13.0 but none is installed. You must install peer dependencies yourself.
npm WARN [email protected] requires a peer of [email protected]^0.13.0 but none is installed. You must install peer dependencies yourself.
npm WARN @apollographql/[email protected] requires a peer of [email protected]^0.13.1 but none is installed. You must install peer dependencies yourself.

Even after I manually install graphql with npm install -g [email protected]^0.13.1, when I do npm -g list --depth=0, npm still warns

npm ERR! peer dep missing: [email protected]^0.11.0 || ^0.12.0 || ^0.13.0, required by [email protected]
npm ERR! peer dep missing: [email protected]^0.13.1, required by @apollographql/[email protected]
npm ERR! peer dep missing: [email protected]^0.10.5 || ^0.11.3 || ^0.12.0 || ^0.13.0, required by [email protected]
npm ERR! peer dep missing: [email protected]^0.13.0, required by [email protected]
npm ERR! peer dep missing: [email protected]^0.13.1, required by @apollographql/[email protected]
npm ERR! peer dep missing: [email protected]^0.10.5 || ^0.11.3 || ^0.12.0 || ^0.13.0, required by [email protected]
npm ERR! peer dep missing: [email protected]^0.13.0, required by [email protected]

We have been discussing an upgrade for vue-cli for a while, in order to address a few issues in the current version.

Problems

1. Currently, project build configurations are directly included in the template. This leads to a few problems:

   • once created, it becomes difficult to upgrade an existing project to track latest changes in the remote template;

   • pulling directly from github lacks proper version control mechanism that npm packages have;

   • less experienced users can get intimidated by the seemingly complex code in the build directory.

2. Too many decisions to make upfront resulting in a less smooth onboarding experience.

   The user has to first pick a template, but for beginners they usually do not possess the experience to decide which template fits their use case best. The official webpack template has a number of questions regarding linters and test tools, which can also be intimidating for beginners.

Solutions

1. [email protected] will be moving towards a "config/scripts in a package" model, which is commonly used among several other tools:

   • create-react-app
   • Next.js
   • Nuxt.js
   • Poi

2. Instead of forcing users to make non-reversible decisions upfront, we would:

   • Phase out browserify support. There will be just one template which is webpack based.

   • Configurations for common use cases (pwa, ts, ssr) can be added on demand via presets, similar to how Neutrino/Poi works. The presets can be maintained and versioned individually.

3. In addition to the encapsulated package, we will also offer the ability to configure the tooling via vue.config.js. This file exposes two functionalities:

   1. A centralized entry for configuring/toggling high-level built-in features, e.g. env variables, css extraction, API proxying.

   2. Get lower level access to the underlying webpack config and tweak it (probably with webpack-chain). This essentially works like a local preset.

Other Ideas

• We will probably split out vue build into an addon (e.g. vue-cli-build) so the initial install of vue-cli can be faster. vue build can simply try to call vue-cli-build, and prompt installation if it is not found.

• vue list will be deprecated, OR list available presets instead.

• Default integration of vue-test-utils and probably Jest as the runner (although it can lead to license concerns)

• Better error reporting, e.g. jumping directly to source code from error overlay.

• Grep for common warning / error messages and suggest potential doc links.

• Auto port detection (suggested by @billyryanwill)

• Your idea here

I realize this is in fact very similar to Poi and since @egoist has been an active contributor to vue-cli itself, I would love to get feedback from @egoist and potentially collaborate with him to build the new version. Maybe we can even build this on top of a fork of Poi?

/cc @vuejs/collaborators

Version

3.0.0-alpha.13

Reproduction link

http://www.heyui.top/

Steps to reproduce

npm create test1
Please pick a preset: default (babel, eslint)

What is expected?

create successfull

What is actually happening?

ERROR command failed: npm install --loglevel error --registry=https://registry.npm.taobao.org --disturl=https://npm.taobao.org/dist

I choosed taobao registry, I can't change anymore.

It's time for a major version bump. This will be a relatively small release but will include a number of necessary breaking changes.

Planned Features

Dependency Updates

• [x] webpack-chain v5 (#3913) CHANGELOG
• [x] css-loader v2 (#3866) CHANGELOG
• [x] copy-webpack-plugin v5 CHANGELOG (a very subtle change, unless you've touched its options in config there won't be any affect)
• [x] Nightwatch v1 (#3388) MIGRATION GUIDE
• [x] Use ESLint v5 by default (#3775) (projects scaffolded with Vue CLI 3.1+ are already using it, for those scaffolded by 3.0.x, here's the migration guide for eslint and release note of eslint-plugin-vue v5)
• [x] Jest v24 (#3870) RELEASE NOTE
• [x] workbox v4 (#3915) RELEASE NOTE and MIGRATION GUIDE
• [x] core-js 3 (#3912) (It's an internal change of @vue/babel-preset/app, for now we use core-js 2 by default, babel 7.4.0 supports core-js 3, once we upgraded core-js, some undocumented public APIs may change)

Changed Behavior

• [x] vue-template-loader: preserveWhitespace: false -> whitespace: 'condense' #3853
• [x] use NODE_ENV=production by default if not specified when running vue-cli-service build #3859
• [x] plugin-pwa: manifest.json should be generated during the build process rather than scaffolding #2981

New Features

Most proposed new features other than plugin APIs can also be landed in v3.x so they are not listed here.

• [x] Plugin API: Allow plugins to provide a minimum vue-cli version #3861
• [x] vue upgrade overhaul, allowing running codemods from plugins
• [ ] Plugin ordering #1754, #1938

Removed

• [ ] Drop Node.js v9 support (in documentation, no need to touch the code)
• [x] remove support for vue-cli-service e2e command (already deprecated since 3.0 rc) (#3774)

Needs Discussion

• [ ] Drop unit mocha in favor of Jest only
  • Mostly because mocha-webpack is unmaintained and unlikely to work with webpack 5
  • Need good migration strategy for existing users
• [x] Use mochapack instead of mocha-webpack
• [x] Upgrade to mocha v6

How Can I Help?

Please let us know your thoughts and if we missed anything. We'll be more than happy to explain our rationale around these decisions if there's any further questions.

If there's anything you (and the community) feel strongly about but is not found on this list, please make an effort to send a PR! We'll be more than happy to accept contributions.

Version

3.0.0-beta.15

Reproduction link

https://github.com/xrei/vuecli-bug

Steps to reproduce

Well.. it's not hard to reproduce but takes time. Run yarn serve and develop for some hours :)

What is expected?

Stable working dev server

What is actually happening?

After some hours (~1-2) dev server will crash with an error:

 95% emitting CopyPlugin
<--- Last few GCs --->

[2032:000001F314F3C8F0]  5471846 ms: Mark-sweep 1381.6 (1414.7) -> 1381.6 (1414.7) MB, 250.8 / 0.0 m
s  allocation failure GC in old space requested
[2032:000001F314F3C8F0]  5472120 ms: Mark-sweep 1381.6 (1414.7) -> 1381.6 (1413.7) MB, 273.5 / 0.0 m
s  last resort GC in old space requested
[2032:000001F314F3C8F0]  5472433 ms: Mark-sweep 1381.6 (1413.7) -> 1381.6 (1413.7) MB, 313.7 / 0.0 m
s  last resort GC in old space requested


<--- JS stacktrace --->

==== JS stack trace =========================================

    0: ExitFrame [pc: 000001CC26384281]
Security context: 000002F26A1206A9 <JSObject>
    1: fromString(aka fromString) [buffer.js:349] [bytecode=0000006AEF71E081 offset=148](this=000001
3071A022E1 <undefined>,string=0000031511A4D141 <Very long string[3793765]>,encoding=000002F26A131A29
 <String[4]: utf8>)
    2: from [buffer.js:201] [bytecode=0000006AEF71DC01 offset=11](this=0000023CE59638A9 <JSFunction
Buffer (sfi = 0000037B38A8B959)>,val...

FATAL ERROR: CALL_AND_RETRY_LAST Allocation failed - JavaScript heap out of memory
 1: node::DecodeWrite
 2: node_module_register
 3: v8::internal::FatalProcessOutOfMemory
 4: v8::internal::FatalProcessOutOfMemory
 5: v8::internal::Heap::MaxHeapGrowingFactor
 6: v8::internal::Factory::NewRawTwoByteString
 7: v8::internal::Smi::SmiPrint
 8: unibrow::Utf8DecoderBase::WriteUtf16Slow
 9: v8::String::WriteUtf8
10: std::basic_ostream<char,std::char_traits<char> >::basic_ostream<char,std::char_traits<char> >
11: node::Buffer::New
12: node::Buffer::New
13: v8::internal::interpreter::BytecodeDecoder::Decode
14: v8::internal::RegExpImpl::Exec
15: v8::internal::RegExpImpl::Exec
16: v8::internal::RegExpImpl::Exec
17: 000001CC26384281
error Command failed with exit code 134.

Version

Reproduction link

https://jsfiddle.net/b5u87965/

Steps to reproduce

when create a new vue project:

vue init webpack my-project

vue-cli · Failed to download repo vuejs-templates/webpack: read ECONNRESET

What is expected?

init a new vue project

What is actually happening?

vue-cli · Failed to download repo vuejs-templates/webpack: read ECONNRESET

Version

5.0.8

Environment info

  System:
    OS: Windows 10 10.0.19045
    CPU: (6) x64 Intel(R) Core(TM) i5-8500 CPU @ 3.00GHz     
  Binaries:
    Node: 16.15.0 - C:\Program Files\nodejs\node.EXE
    Yarn: Not Found
    npm: 8.13.1 - C:\Program Files\nodejs\npm.CMD
  Browsers:
    Chrome: Not Found
    Edge: Spartan (44.19041.1266.0), Chromium (107.0.1418.52)
  npmPackages:
    @vue/babel-helper-vue-jsx-merge-props:  1.4.0 
    @vue/babel-helper-vue-transform-on:  1.0.2 
    @vue/babel-plugin-jsx:  1.1.1 
    @vue/babel-plugin-transform-vue-jsx:  1.4.0 
    @vue/babel-preset-app:  5.0.8 
    @vue/babel-preset-jsx:  1.4.0 
    @vue/babel-sugar-composition-api-inject-h:  1.4.0        
    @vue/babel-sugar-composition-api-render-instance:  1.4.0 
    @vue/babel-sugar-functional-vue:  1.4.0 
    @vue/babel-sugar-inject-h:  1.4.0 
    @vue/babel-sugar-v-model:  1.4.0 
    @vue/babel-sugar-v-on:  1.4.0 
    @vue/cli-overlay:  5.0.8
    @vue/cli-plugin-babel: ~5.0.0 => 5.0.8
    @vue/cli-plugin-eslint: ~5.0.0 => 5.0.8
    @vue/cli-plugin-router:  5.0.8
    @vue/cli-plugin-unit-jest: ^5.0.7 => 5.0.7
    @vue/cli-plugin-vuex:  5.0.8
    @vue/cli-service: ~5.0.0 => 5.0.8
    @vue/cli-shared-utils:  5.0.8
    @vue/compiler-sfc:  2.7.14
    @vue/component-compiler-utils:  3.3.0
    @vue/eslint-config-airbnb: ^6.0.0 => 6.0.0
    @vue/test-utils: ^1.1.3 => 1.3.3
    @vue/vue2-jest: ^27.0.0-alpha.3 => 27.0.0-alpha.3
    @vue/web-component-wrapper:  1.3.0
    eslint-plugin-vue: ^8.0.3 => 8.7.1
    eslint-plugin-vuejs-accessibility: ^1.1.0 => 1.2.0
    jest-serializer-vue:  2.0.2
    stylelint-config-recommended-vue: ^1.4.0 => 1.4.0
    vue: ^2.6.14 => 2.7.14
    vue-chartjs: ^4.1.1 => 4.1.2
    vue-eslint-parser:  8.3.0 (9.1.0)
    vue-hot-reload-api:  2.3.4
    vue-loader:  17.0.1 (15.10.1)
    vue-style-loader:  4.1.3
    vue-template-compiler: ^2.6.14 => 2.7.14
    vue-template-es2015-compiler:  1.9.1
  npmGlobalPackages:
    @vue/cli: Not Found

Steps to reproduce

• swiper.vue

<template>
  <div>
    <div v-for="item in list"
         :key="item">
      <VNode :node="item.children" />
    </div>
  </div>
</template>
<script>
export default {
  name: 'Swiper',
  components: {
    VNode: {
      functional: true,
      render: (_, ctx) => ctx.props.node,
    },
  },
  data() {
    return {
      list: [],
    };
  },
  mounted() {
    this.updateList();
  },
  methods: {
    updateList() {
      if (this.$slots.default && this.$slots.default.length > 0) {
        this.list = this.$slots.default.filter((vnode) => vnode.tag === 'swiper-item');
      }
    },
  },
};
</script>

• test.spect.js

describe('Swiper', () => {
  describe('@events', () => {
    it('@change - should emit a "change" event when the slide is changed', async () => {
      const wrapper = mount(Swiper);

      wrapper.destroy();
    });
  });
});

What is expected?

測試成功

What is actually happening?

● Swiper › @events › @change - should emit a "change" event when the slide is changed

TypeError: Cannot read properties of null (reading '$createElement')

> 1 | <template>

原先使用 4.15.15 都是可以測試成功的 而在升到 5.0.x 版本 後都會出現錯誤 在 5.0.x 版本 把 components 底下的 VNode 拿掉就可以順利掛載上去 但由於我這個元件需要取得 slot 裡的 slot 在進行 render 故需要使用此方法

What problem does this feature solve?

In js, vue cli has built-in '@vue/cli-plugin-babel/preset' support. It can automatically polyfill js according to the target version.

In css, vue cli has built-in autoprefixer support. But in development, css needs more than a prefix.

E.g:overflow: hidden auto to overflow-x: hidden;overflow-y: auto;

https://github.com/csstools/postcss-plugins/tree/main/plugin-packs/postcss-preset-env seems to help with this.

What does the proposed API look like?

just like '@vue/cli-plugin-babel/preset'

Version

5.0.8

Environment info

  System:
    OS: Windows 10 10.0.22621
    CPU: (12) x64 Intel(R) Core(TM) i7-10750H CPU @ 2.60GHz
  Binaries:
    Node: 14.15.1 - C:\Program Files\nodejs\node.EXE
    Yarn: Not Found
    npm: 6.14.8 - C:\Program Files\nodejs\npm.CMD
  Browsers:
    Chrome: Not Found
    Edge: Spartan (44.22621.819.0), Chromium (106.0.1370.47)
  npmPackages:
    @progress/kendo-barcodes-vue-wrapper:  2021.3.1207
    @progress/kendo-base-components-vue-wrapper:  2021.3.1207 (2022.2.621)
    @progress/kendo-charts-vue-wrapper: 2022.2.621 => 2022.2.621
    @progress/kendo-datasource-vue-wrapper:  2022.2.621
    @progress/kendo-dateinputs-vue-wrapper: 2022.2.621 => 2022.2.621
    @progress/kendo-dropdowns-vue-wrapper: 2022.2.621 => 2022.2.621
    @progress/kendo-editor-vue-wrapper: 2022.2.621 => 2022.2.621
    @progress/kendo-inputs-vue-wrapper: 2022.2.621 => 2022.2.621
    @progress/kendo-upload-vue-wrapper: 2022.2.621 => 2022.2.621
    @progress/kendo-vue-animation: 3.3.3 => 3.3.3
    @progress/kendo-vue-buttons:  3.3.3
    @progress/kendo-vue-common:  3.3.3
    @progress/kendo-vue-data-tools: 3.3.3 => 3.3.3
    @progress/kendo-vue-dateinputs: 3.3.3 => 3.3.3
    @progress/kendo-vue-dropdowns: 3.3.3 => 3.3.3
    @progress/kendo-vue-excel-export: 3.3.3 => 3.3.3
    @progress/kendo-vue-grid: 3.3.3 => 3.3.3
    @progress/kendo-vue-indicators: 3.3.3 => 3.3.3
    @progress/kendo-vue-inputs: 3.3.3 => 3.3.3
    @progress/kendo-vue-intl: 3.3.3 => 3.3.3
    @progress/kendo-vue-labels:  3.3.3
    @progress/kendo-vue-popup: 3.3.3 => 3.3.3
    @vue/babel-helper-vue-jsx-merge-props:  1.4.0
    @vue/babel-helper-vue-transform-on:  1.0.2
    @vue/babel-plugin-jsx:  1.1.1
    @vue/babel-plugin-transform-vue-jsx:  1.4.0
    @vue/babel-preset-app:  5.0.8
    @vue/babel-preset-jsx:  1.4.0
    @vue/babel-sugar-composition-api-inject-h:  1.4.0
    @vue/babel-sugar-composition-api-render-instance:  1.4.0
    @vue/babel-sugar-functional-vue:  1.4.0
    @vue/babel-sugar-inject-h:  1.4.0
    @vue/babel-sugar-v-model:  1.4.0
    @vue/babel-sugar-v-on:  1.4.0
    @vue/cli-overlay:  5.0.8
    @vue/cli-plugin-babel: ~5.0.0 => 5.0.8
    @vue/cli-plugin-router: ~5.0.0 => 5.0.8
    @vue/cli-plugin-typescript: ~5.0.0 => 5.0.8
    @vue/cli-plugin-vuex:  5.0.8
    @vue/cli-service: ~5.0.0 => 5.0.8
    @vue/cli-shared-utils:  5.0.8
    @vue/component-compiler-utils:  3.3.0
    @vue/web-component-wrapper:  1.3.0
    bootstrap-vue: 2.22.0 => 2.22.0
    portal-vue: 2.1.7 => 2.1.7
    typescript: ~4.5.5 => 4.5.5
    vue: 2.6.14 => 2.6.14
    vue-functional-data-merge:  3.1.0
    vue-hot-reload-api:  2.3.4
    vue-loader:  17.0.1 (15.10.1)
    vue-router: 3.5.4 => 3.5.4
    vue-style-loader:  4.1.3
    vue-template-compiler: 2.6.14 => 2.6.14
    vue-template-es2015-compiler:  1.9.1
  npmGlobalPackages:
    @vue/cli: Not Found

Steps to reproduce

`//vue.config.js

module.exports = defineConfig({ publicPath: "./", filenameHashing: false, productionSourceMap: false, outputDir: outputDir, devServer: { server: "https", port: devServerUrl.port, host: devServerUrl.hostname, headers: { "Access-Control-Allow-Origin": "", "Access-Control-Allow-Methods": "GET, POST, PUT, DELETE, PATCH, OPTIONS", "Access-Control-Allow-Headers": "X-Requested-With, content-type, Authorization" }, proxy: { "": { // <--- here is the problem target: iisServerUrl.origin, changeOrigin: true, secure: false, cookieDomainRewrite: devServerUrl.hostname, hostRewrite: devServerUrl.host, onProxyReq: function (proxyReq, req) { var protocolWithoutColon = devServerUrl.protocol.substr(0, devServerUrl.protocol.length - 1); proxyReq.setHeader("Forwarded", host=${devServerUrl.host};proto=${protocolWithoutColon}); }, router: { [iisServerUrl.origin]: devServerUrl.origin } } } }, });`

What is expected?

If you write "*" or "**" in proxy the path that you wanted to be proxied, which in webpack would mean "all paths" I would get all the paths to be proxied.

What is actually happening?

I am getting an error: Invalid regular expression: /*/

I ve found that Vue Cli does not support such regular expressions, and in general the api for the dev server and proxy are limited to string or objects.

How could I write this code so it would proxy ALL requests? Thanks

Bumps loader-utils from 1.4.1 to 1.4.2.

Dependabot will resolve any conflicts with this PR as long as you don't alter it yourself. You can also trigger a rebase manually by commenting @dependabot rebase.

Version

4.5.19

Environment info

Environment Info:

  System:
    OS: Windows 10 10.0.19044
    CPU: (8) x64 Intel(R) Core(TM) i7-9700 CPU @ 3.00GHz
  Binaries:
    Node: 16.14.2 - C:\Program Files\nodejs\node.EXE
    Yarn: Not Found
    npm: 8.5.0 - C:\Program Files\nodejs\npm.CMD
  Browsers:
    Chrome: 106.0.5249.119
    Edge: Spartan (44.19041.1266.0), Chromium (107.0.1418.42)
  npmPackages:
    @vue/babel-helper-vue-jsx-merge-props:  1.4.0
    @vue/babel-helper-vue-transform-on:  1.0.2
    @vue/babel-plugin-jsx:  1.1.1
    @vue/babel-plugin-transform-vue-jsx:  1.4.0
    @vue/babel-preset-app:  4.5.19
    @vue/babel-preset-jsx:  1.4.0
    @vue/babel-sugar-composition-api-inject-h:  1.4.0
    @vue/babel-sugar-composition-api-render-instance:  1.4.0
    @vue/babel-sugar-functional-vue:  1.4.0
    @vue/babel-sugar-inject-h:  1.4.0
    @vue/babel-sugar-v-model:  1.4.0
    @vue/babel-sugar-v-on:  1.4.0
    @vue/cli-overlay:  4.5.19
    @vue/cli-plugin-babel: ~4.5.19 => 4.5.19
    @vue/cli-plugin-eslint: ~4.5.19 => 4.5.19
    @vue/cli-plugin-router:  4.5.19
    @vue/cli-plugin-typescript: ~4.5.19 => 4.5.19
    @vue/cli-plugin-unit-mocha: ~4.5.19 => 4.5.19
    @vue/cli-plugin-vuex: ~4.5.19 => 4.5.19
    @vue/cli-service: ~4.5.19 => 4.5.19
    @vue/cli-shared-utils:  4.5.19
    @vue/component-compiler-utils:  3.3.0
    @vue/composition-api: ^1.7.1 => 1.7.1
    @vue/devtools-api:  6.4.5
    @vue/eslint-config-prettier: ~6.0.0 => 6.0.0
    @vue/eslint-config-typescript: ~11.0.2 => 11.0.2
    @vue/preload-webpack-plugin:  1.1.2
    @vue/test-utils: ~1.3.3 => 1.3.3
    @vue/web-component-wrapper:  1.3.0
    eslint-plugin-vue: ~9.7.0 => 9.7.0
    typescript: 4.7.4 => 4.7.4
    vue: ~2.6.14 => 2.6.14
    vue-class-component: ~7.2.6 => 7.2.6
    vue-demi:  0.13.11
    vue-eslint-parser:  9.1.0
    vue-hot-reload-api:  2.3.4
    vue-loader:  15.10.1 (16.8.3)
    vue-property-decorator: ~9.1.2 => 9.1.2
    vue-style-loader:  4.1.3
    vue-template-compiler: ~2.6.14 => 2.6.14
    vue-template-es2015-compiler:  1.9.1
  npmGlobalPackages:
    @vue/cli: Not Found

Steps to reproduce

npm run serve

What is expected?

No errors while serving the client

What is actually happening?

INTERNAL ERROR(undefined,undefined) Debug Failure. False expression: Non-string value passed to `ts.resolveTypeReferenceDirective`, likely by a wrapping package working with an outdated `resolveTypeReferenceDirectives` signature.
 This is probably not a problem in TS itself.
stack trace:
Error: Debug Failure. False expression: Non-string value passed to `ts.resolveTypeReferenceDirective`, likely by a wrapping package working with an outdated `resolveTypeReferenceDirectives` signature. This is probably not a problem in TS itself.
    at Object.resolveTypeReferenceDirective (C:\repos\myClient\node_modules\typescript\lib\typescript.js:42537:18)
    at resolveTypeReferenceDirective (C:\repos\myClient\node_modules\fork-ts-checker-webpack-plugin\lib\resolution.js:20:35)
    at C:\repos\myClient\node_modules\fork-ts-checker-webpack-plugin\lib\VueProgram.js:81:24
    at Array.map (<anonymous>)
    at Object.host.resolveTypeReferenceDirectives (C:\repos\myClient\node_modules\fork-ts-checker-webpack-plugin\lib\VueProgram.js:80:39)
    at actualResolveTypeReferenceDirectiveNamesWorker (C:\repos\myClient\node_modules\typescript\lib\typescript.js:116674:163)
    at resolveTypeReferenceDirectiveNamesWorker (C:\repos\myClient\node_modules\typescript\lib\typescript.js:116974:26)
    at processTypeReferenceDirectives (C:\repos\myClient\node_modules\typescript\lib\typescript.js:118456:31)
    at findSourceFileWorker (C:\repos\myClient\node_modules\typescript\lib\typescript.js:118341:21)
    at findSourceFile (C:\repos\myClient\node_modules\typescript\lib\typescript.js:118196:26)
Version: typescript 4.7.4
Time: 1780ms

In my Vue 2 project I updated typescript from 4.6 to 4.7. Serving my app throw this error in the console.