Fail to resolve JSX

[EmiyaYang]

• I confirm that this is an issue rather than a question.

Bug report

Steps to reproduce

// ./docs/.vuepress/config.js
module.exports = {
  ...
  chainWebpack: (config, isServer) => {
    config.module
      .rule("js") // Find the rule.
      .use("babel-loader") // Find the loader
      .tap(options =>
        merge(options, {
          presets: [
            ["@babel/preset-env"],
            ["@vue/babel-preset-jsx", { injectH: false }]
          ],
          plugins: [
            [
              "import",
              {
                libraryName: "ant-design-vue",
                libraryDirectory: "es",
                style: "css"
              }
            ],
            "@babel/plugin-proposal-optional-chaining"
          ]
        })
      );
  }
}

What is expected?

Recongnize the jsx and run successfully.

What is actually happening?

The running code couldn't recongnize the JSX.

client?cae4:159 ./src/components/ProTree.jsx 87:11
Module parse failed: Unexpected token (87:11)
You may need an appropriate loader to handle this file type, currently no loaders are configured to process this file. See https://webpack.js.org/concepts#loaders
|   },
|   render(h) {
>     return <span></span>;
|   }
| };

[EmiyaYang]

怎么过了这么久都没合上去

[meteorlxy]

JSX is not a default feature of vuepress. The JSX support from babel will be disabled if evergreen is set to false. So I'm not sure if this feature will be added to core.

[vxhly]

如何配置编译 node_modules 下的jsx代码

[justforuse]

@vxhly 大佬后来搞定了吗