run time error while using @formatjs/swc plugin

[saidarshan27]

I am using rspack version 1.0.10 and swc/core version 1.7.0 and formatjs/swc-plugin version 1.5.16.

And here is my javascript loader configuration:

const js = {
  test: /\.js(x)?$/,
  exclude: [
    /node_modules/,
    path.join(config.root, config.paths.src, 'web', 'javascripts/vendors/'),
  ],
  loader: 'builtin:swc-loader',
  options: {
    jsc: {
      parser: {
        syntax: 'ecmascript',
        jsx: true,
      },
      transform: {
        react: {
          runtime: 'automatic',
          development: config.env === 'production',
          refresh: config.env === 'production',
        },
      },
      experimental: {
        plugins: [
          [
            '@formatjs/swc-plugin',
            {
              overrideIdFn: '[sha512:contenthash:base64:6]',
              ast: true,
            },
          ],
        ],
      },
    },
    type: 'javascript/auto',
    env: {
      targets: 'Chrome >= 48',
    },
  },
};

I am getting a run time error which as below:

I have followed the versions according to this webpage https://plugins.swc.rs/versions/range/16

Please help me in how I can use @formatjs/swc-plugin with rspack.

Thank you

[github-actions]

Hello @saidarshan27, sorry we can't investigate the problem further without reproduction demo, please provide a repro demo by forking rspack-repro, or provide a minimal GitHub repository by yourself. Issues labeled by need reproduction will be closed if no activities in 14 days.

[saidarshan27]

Node - v18.12.0;
yarn - 1.22.19;
@rspack/core - 1.0.10;
@rspack/cli - 1.0.8;
@swc/core - 1.7.0;
@formatjs/swc-plugin - 1.5.16;

Here is a reproduction demo:

https://github.com/saidarshan27/rspack-formatjs-test

Please clone it and run

yarn install 
yarn start 

You should encounter an error like:

ERROR in ./src/javascripts/index/index.js
  × Module build failed:
  ├─▶   × Cannot compile plugin binary
  │   
  ╰─▶ WebAssembly translation error: Error when converting wat: expected `(`
           --> <anon>:1:1
            |
          1 | "use strict";
            | ^

Thank you.

[saidarshan27]

I was using the wrong plugin. I used formatjs/swc-plugin-experimental instead of formatjs/swc-plugin.

formatjs/swc-plugin was written in JS and SWC has deprecated using JS plugins long back.
formatjs/swc-plugin-experimental instead is written in WASM.