vue单元测试添加jsx支持

394 阅读1分钟

使用 jest 进行单元测试时报错不支持 jsx 语法。

如果vue项目中使用了jsx语法,则需要添加 @babel/plugin-syntax-jsx 插件以及 @vue/babel-preset-jsx 预设。

打开 babel.config.js

module.exports = {
    "compact": false,
    "plugins": [
        [
            "module-resolver",
            {
                "root": ["."],
                "alias": {
                    "@": ".",
                    "~": "."
                }
            }
        ],
        "@babel/plugin-syntax-jsx"
    ],
    "presets": [
        [
            "@babel/preset-env",
            {
                "targets": {
                    "node": "current",
                }
            }
        ],
        "@vue/babel-preset-jsx"
    ]
}