[Bug]: Rsbuild compiled vuex-module-decorators error，Normal vuex-module-decorators on webpack 5

[Dengpei1688]

Version

最新Rsbuild 版本

chrome浏览器

"vuex-module-decorators": "^0.9.9"

Details

项目为vue2.7 + vuex + ts的项目，在webpack5上运行正常，

迁移到rsbuild上vuex-module-decorators运行报错，

Reproduce link

暂无,请问rsbuild的SWC模式是否有提供对于 vuex-module-decorators 的支持？

Reproduce Steps

请问rsbuild的SWC模式是否有提供对于 vuex-module-decorators 的支持？

import { defineConfig,loadEnv } from '@rsbuild/core'
import { pluginVue2 } from '@rsbuild/plugin-vue2'
import { pluginSass } from '@rsbuild/plugin-sass';
import vueLegacy from 'rsbuild-plugin-vue-legacy'

const path = require("path");
const { getPlatInfo } = require('./config')
getPlatInfo()
const { publicVars } = loadEnv({ prefixes: ['VUE_APP_'] });
export default defineConfig({
    output:{
        assetPrefix: '/',
        distPath:{
            root: 'static-center',
        }
    },
    server:{
        open: true,
        proxy: 
    },
    plugins: [pluginVue2(), vueLegacy(), pluginSass(
        {
        sassLoaderOptions: {
            implementation: require.resolve('sass'),
        },
        }
    )],
    html: {
        mountId: 'app',
        template: './public/index.html',
    },
    source: {
        define: publicVars,
        // 指定入口文件
        entry: {
            index: './src/main.ts',
        },
        include: ['vuex-module-decorators'],
        alias: {
            '@': path.resolve(__dirname, 'src'), // './src',
        },
    },
})

[9aoy]

try source.decorators: 'legacy', it's equivalent to TypeScript's experimentalDecorators: true.
https://rsbuild.dev/config/source/decorators#legacy

[Dengpei1688]

try source.decorators: 'legacy', it's equivalent to TypeScript's experimentalDecorators: true. https://rsbuild.dev/config/source/decorators#legacy

I have tried, but I have found new errors in the project

[Dengpei1688]

@9aoy 谢谢回复，

这是tsconfig.json的配置

{
    "compilerOptions": {
        "target": "esnext",
        "module": "esnext",
        "strict": true,
        "jsx": "preserve",
        "importHelpers": true,
        "moduleResolution": "node",
        "experimentalDecorators": true,
        "esModuleInterop": true,
        "allowSyntheticDefaultImports": true,
        "sourceMap": true,
        "skipLibCheck": true, //修复elementUi-ts版
        "baseUrl": ".",
        "noImplicitAny": false,
        "types": ["webpack-env"],
        "paths": {
            "@/*": ["src/*"]
        },
        "lib": ["esnext", "dom", "dom.iterable", "scripthost"],
        "noEmit": true,
        "emitDecoratorMetadata": true,
        "isolatedModules": true
    },
    "include": ["src/**/*.ts", "src/**/*.tsx", "src/**/*.vue", "tests/**/*.ts", "tests/**/*.tsx"],
    "exclude": ["node_modules"]
}

[github-actions]

Hello @Dengpei1688. Please provide a reproduction repository or online demo. For background, see Why reproductions are required. Thanks ❤️

[Dengpei1688]

Thank you for your guidance, source.decorators: 'legacy'
It is effective.

The issue with the screenshot is due to a TS version problem, which resulted in only valid syntax becoming invalid