[Bug]: Webpack build fails when lang is set to "ts" in SFC

[FlowingPond]

Version

System:
    OS: macOS 14.4.1
    CPU: (11) arm64 Apple M3 Pro
    Memory: 54.88 MB / 18.00 GB
    Shell: 5.9 - /bin/zsh
  Browsers:
    Chrome: 126.0.6478.127
    Edge: 126.0.2592.102
    Safari: 17.4.1
  npmPackages:
    @rsbuild/core: 1.0.1-beta.1 => 1.0.1-beta.1 
    @rsbuild/plugin-vue: 1.0.1-beta.1 => 1.0.1-beta.1 
    @rsbuild/webpack: 1.0.1-beta.1 => 1.0.1-beta.1

Details

I want to use TypeScript in Vue SFC with Webpack, but I get a compilation error after setting lang="ts":

File was processed with these loaders:
 * ./node_modules/.pnpm/[email protected][email protected][email protected][email protected]/node_modules/vue-loader/dist/templateLoader.js
 * ./node_modules/.pnpm/[email protected][email protected][email protected][email protected]/node_modules/vue-loader/dist/index.js
You may need an additional loader to handle the result of these loaders.
| import { createElementVNode as _createElementVNode, openBlock as _openBlock, createElementBlock as _createElementBlock, pushScopeId as _pushScopeId, popScopeId as _popScopeId } from "vue"
| 
> const _withScopeId = (n: any) => (_pushScopeId("data-v-7ba5bd90"),n=n(),_popScopeId(),n)
| const _hoisted_1 = { class: "content" }
| const _hoisted_2 = /*#__PURE__*/ _withScopeId(() => /*#__PURE__*/_createElementVNode("h1", null, "Rsbuild with Vue", -1 /* HOISTED */))

Reproduce link

https://github.com/FlowingPond/rsbuild-webpack-vue-ts

Reproduce Steps

pnpm i

pnpm dev

[chenjiahan]

The @rsbuild/webpack is provided for inner testing and does not supports Vue SFC.

https://github.com/web-infra-dev/rsbuild/tree/main/packages/compat/webpack

[FlowingPond]

The @rsbuild/webpack is provided for inner testing and does not supports Vue SFC.

https://github.com/web-infra-dev/rsbuild/tree/main/packages/compat/webpack

Get, thanks~