[Bug]: 【eslint】 An error was reported on vscode, but the compilation was successful without any error message.

[runkobe24]

Version

System:
    OS: Windows 11 10.0.22621
    CPU: (20) x64 12th Gen Intel(R) Core(TM) i7-12700
    Memory: 11.90 GB / 31.68 GB
  Browsers:
    Edge: Chromium (127.0.2651.74)
    Internet Explorer: 11.0.22621.3527
  npmPackages:
    @rsbuild/core: ^1.0.14 => 1.1.9
    @rsbuild/plugin-css-minimizer: ^1.0.2 => 1.0.2
    @rsbuild/plugin-eslint: ^1.0.4 => 1.1.0
    @rsbuild/plugin-stylus: ^1.0.3 => 1.0.6
    @rsbuild/plugin-vue: ^1.0.2 => 1.0.5

Details

Migrated from vue cli, this is the previous vue cli project. When there is an error message in vscode, an error message will pop up on the console and page：

---

The following is built using rspack：

I hope that when there is an error message in vscode, the corresponding error message will appear on both the console and the page.

Reproduce link

https://codesandbox.io/p/devbox/82rj27

Reproduce Steps

yarn install
yarn dev

[chenjiahan]

This is because Vue CLI uses an older version of fork-ts-checker-webpack-plugin, which can check type errors in .vue files.

However, this plugin has removed support for Vue in version 8.0.0. If you need to type check .vue files, you can try one of the following methods:

1. Use vue-tsc instead, see https://github.com/rspack-contrib/rsbuild-plugin-type-check?tab=readme-ov-file#vue-components for more details.
2. Use fork-ts-checker-webpack-plugin 7.x version.

[runkobe24]

This is because Vue CLI uses an older version of fork-ts-checker-webpack-plugin, which can check type errors in .vue files.

However, this plugin has removed support for Vue in version 8.0.0. If you need to type check .vue files, you can try one of the following methods:

1. Use vue-tsc instead, see https://github.com/rspack-contrib/rsbuild-plugin-type-check?tab=readme-ov-file#vue-components for more details.
2. Use fork-ts-checker-webpack-plugin 7.x version.

Tried both 6.x and 7.x versions, still no error message

[chenjiahan]

Have you registered the plugin in rsbuild.config.ts?

[runkobe24]

Have you registered the plugin in rsbuild.config.ts?

Added to rsbuild.config.ts

---

But it can still compile successfully

[chenjiahan]

Can you provide an reproduction repo?

[runkobe24]

Can you provide an reproduction repo?

This can be reproduced：

https://codesandbox.io/p/devbox/82rj27

---

[chenjiahan]

I think your fork-ts-checker-webpack-plugin is misconfigured.

Please refer to the fork-ts-checker-webpack-plugin documentation: https://github.com/TypeStrong/fork-ts-checker-webpack-plugin/tree/v7.3.0?tab=readme-ov-file#vuejs and check the Expand Vue.js set up instruction example.

[runkobe24]

I think your fork-ts-checker-webpack-plugin is misconfigured.

Please refer to the fork-ts-checker-webpack-plugin documentation: https://github.com/TypeStrong/fork-ts-checker-webpack-plugin/tree/v7.3.0?tab=readme-ov-file#vuejs and check the Expand Vue.js set up instruction example.

nb！ Errors can already appear in the console, but the browser page does not appear.

[chenjiahan]

browser page does not appear

Do you mean the error overlay? This is expected, Rsbuild's error overlay does not currently show type errors. We may support this in the future.

[runkobe24]

浏览器页面未出现

您指的是错误覆盖吗？这是意料之中的，Rsbuild 的错误覆盖目前不显示类型错误。我们可能会在将来支持此功能。

Yes, I hope it can be supported as soon as possible. I have been tinkering with it for a while and am ready to migrate it completely.
thank! 😊

[chenjiahan]

Get, it's an independent feature, so I will close the current issue.