项目拉下来无法运行需要添加@babel/plugin-proposal-optional-chaining支持

[iceshu]

如题，项目用了ts 的 ？。的方法去做 但是没有支持的插件

所以需要在
genesis.ts 里 webpackchai增加下支持

class ChainingPlugin extends Plugin {
    /**
     * 修改webpack的配置
     */
    public chainWebpack({ config }: WebpackHookParams) {
        config.module
            .rule("ts")
            .test(/\.(t)sx?$/)
            .use("babel")
            .loader("babel-loader")
            .tap(options => {
                const { plugins } = options;
                plugins.push(["@babel/plugin-proposal-optional-chaining"]);
                options.plugins = plugins;
                return options;
            })
            .end();
    }
}

//这里增加下刚写的
ssr.plugin.use(new ChainingPlugin (ssr));

[lzxb]

这个是@babel/preset-env的bug导致的。它没有根据当前node的版本号，来引入对应的插件。
你的node的版本号多少？

[lzxb]

你可以看下这个配置:
https://fmfe.github.io/genesis-docs/core/#build-browsers
修改一下node的版本号，降低一些，比如我使用12.6就不会有这个问题。

[lzxb]

奈斯。

[iceshu]

@JWong1105
这里引用的 我的node版本v14.15.1

import { SSR, Renderer, Plugin, WebpackHookParams } from "@fmfe/genesis-core";

[lzxb]

你可以看下这个文档：
https://fmfe.github.io/genesis-docs/guide/webpack.html#%E5%AE%98%E6%96%B9%E5%86%85%E7%BD%AE%E7%9A%84-webpack-%E6%8F%92%E4%BB%B6