Sup*_*rDJ 7 vue.js jestjs babeljs
我正在尝试测试我的 vue 组件,但是我总是收到以下错误:
在 Object 中找不到模块“babel-core”。(node_modules/vue-jest/lib/compilers/babel-compiler.js:1:15)
包.json:
"devDependencies": {
"@babel/core": "^7.2.2",
"@babel/plugin-syntax-dynamic-import": "^7.2.0",
"@babel/preset-env": "^7.3.1",
"@vue/test-utils": "^1.0.0-beta.29",
"babel-jest": "^24.1.0",
"babel-loader": "^8.0.5",
"css-loader": "^2.1.0",
"file-loader": "^3.0.1",
"jest": "^24.1.0",
"mini-css-extract-plugin": "^0.5.0",
"node-sass": "^4.11.0",
"sass-loader": "^7.1.0",
"style-loader": "^0.23.1",
"vue": "^2.6.6",
"vue-jest": "^3.0.3",
"vue-loader": "^15.6.2",
"vue-router": "^3.0.2",
"vue-template-compiler": "^2.6.6",
"webpack": "^4.29.3",
},
Run Code Online (Sandbox Code Playgroud)
.babelrc
{
"presets": [
"@babel/preset-env"
],
"plugins": [
"@babel/plugin-syntax-dynamic-import"
]
}
Run Code Online (Sandbox Code Playgroud)
开玩笑的配置文件
module.exports = {
verbose: true,
moduleFileExtensions: [ "js", "json", "jsx", "ts", "tsx", "node", "vue" ],
transform: {
// process js with `babel-jest`
"^.+\\.js$": "babel-jest",
// process `*.vue` files with `vue-jest`
".*\\.(vue)$": "vue-jest",
}
};
Run Code Online (Sandbox Code Playgroud)
您可以在此处查看此行为。
查看引用的文件时,我可以看到:
const babel = require('babel-core')
Run Code Online (Sandbox Code Playgroud)
不应该是@babel/core
吗?
所以我的问题是如何解决错误?或者这是一个问题来自vue-jest
?
Sup*_*rDJ 15
正如@JamesCoyle所建议的,安装babel-bridge
解决了它
npm i -D babel-core@^7.0.0-bridge.0
Run Code Online (Sandbox Code Playgroud)