运行vue-cli-service test:e2e报错jsx缺少相关的loader

Question

运行vue-cli-service test:e2e报错jsx缺少相关的loader
但是运行yarn dev 是没问题的
在.babelrc也有配置"transform-vue-jsx"，但是感觉就好像没生效一样
是我少了什么配置么
.babelrc配置

{
  "presets": [
    [
      "env",
      {
        "modules": false,
        "targets": {
          "browsers": [
            "> 1%",
            "last 2 versions",
            "not ie <= 8"
          ]
        }
      }
    ],
    "stage-2"
  ],
  "plugins": [
    "transform-vue-jsx",
    "transform-runtime",
    "transform-es2015-modules-commonjs"
  ],
  "env": {
    "test": {
      "presets": [
        "env",
        "stage-2"
      ],
      "plugins": [
        "transform-vue-jsx",
        "istanbul"
      ]
    },
    "development": {
      "plugins": [
        "dynamic-import-node"
      ]
    }
  }
}

报错

命令

    "test:e2e": "vue-cli-service test:e2e",
    "dev": "cross-env BABEL_ENV=development env_config=local webpack-dev-server --inline --progress --config build/webpack.dev.conf.js",

Answer 1

问题解决了，我这个项目本来就不是cli构建的所以使用cli-server自然是会有问题
子要在根目录创建一个vue.config.js配置webpack,加个babel就可以，但是这并不是我最开始的目的，就不应该使用cli的工具，得自己搭建测试环境才可以

const path = require('path');

function resolve(name) {
  return path.resolve(__dirname,name)
}

module.exports = {
  chainWebpack: config => {
    const jsRule = config.module.rule('js');
    jsRule.uses.clear();

    jsRule
      .test(/\.js$/)
      .include
        .add( resolve('src') )
        .end()
      .use('babel-loader')
        .loader('babel-loader')
        .end();
  }
}