问答

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

作者:admin 2021-05-06 我要评论

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

在说正事之前,我要推荐一个福利:你还在原价购买阿里云、腾讯云、华为云服务器吗?那太亏啦!来这里,新购、升级、续费都打折,能够为您省60%的钱呢!2核4G企业级云服务器低至69元/年,点击进去看看吧>>>)

运行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"
      ]
    }
  }
}

报错
BBFFDBBF-5587-4fd9-B835-0D2C3E7BF1F0.png

命令

    "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",
###

问题解决了,我这个项目本来就不是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();
  }
}

版权声明:本文转载自网络,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。本站转载出于传播更多优秀技术知识之目的,如有侵权请联系QQ/微信:153890879删除

相关文章
  • 运行vue-cli-service test:e2e报错jsx

    运行vue-cli-service test:e2e报错jsx

  • js 双重for循环问题

    js 双重for循环问题

  • Springboot2.4.2版本整合mongdb,但是M

    Springboot2.4.2版本整合mongdb,但是M

  • Vue/小程序中有【受控组件】的概念吗?

    Vue/小程序中有【受控组件】的概念吗?

腾讯云代理商
海外云服务器