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