vue-jest can't find babel

[SuperDJ]

While trying to test vue components I get the following error:

Cannot find module 'babel-core' at Object. (node_modules/vue-jest/lib/compilers/babel-compiler.js:1:15)

package.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",
},

.babelrc

{
	"presets": [
		"@babel/preset-env"
	],
	"plugins": [
		"@babel/plugin-syntax-dynamic-import"
	]
}

jest.config.js

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",
	}
};

When looking at the referenced file I can see:

const babel = require('babel-core')

Shouldn't that be @babel/core?

Repository:
https://github.com/SuperDJ/vue-jest-babel-core

[SuperDJ]

By adding the https://github.com/babel/babel-bridge package it is solved. Doesn't it mean that the
package should added to vue-jest?

[eddyerburgh]

We have babel-core as a peerDependency, it's up to you to use either @bridge or 6 (for vue-jest <4).

[igravious]

@eddyerburgh

We have babel-core as a peerDependency, it's up to you to use either @bridge or 6 (for vue-jest <4).

How are we meant to know this?

[Emobe]

We have babel-core as a peerDependency, it's up to you to use either @bridge or 6 (for vue-jest <4).

Isn't the point of babel bridge to help maintainers solve this issue? Is this not for the maintainers to do?

[gtempesta-pixartprinting]

Shouldn't that be @babel/core?

No, I think there is a problem with the new naming. In order to fix the issue I installed this package:
"babel-core": "^7.0.0-bridge.0"

[danielbachhuber]

I ran into this issue too. I'm surprised it's not documented in the Jest configuration docs?

[brightknight08]

Is there any way on how to direct vue-jest to use babel.config.json instead of .babelrc? I recently ran into an error where jest fails :

SyntaxError: E:\l****\*****\src\components\NavBar.vue: 'import' and 'export' may only appear at the top level (233:0)

I found this too:

[vue-jest]: no .babelrc found, skipping babel compilation

But I have a fully working babel.config.json (as recommended by babel's website)

[caugner]

@brightknight08 Solution can be found here: Use babel.config.js instead of babel.config.json.

[Thaval]

Well, I tried that out how many times.. tried out so many solutions and I was just about to give up, then I saw within the package.json, that some script commands were added:
"test:unit": "vue-cli-service test:unit"
So I ran npm run test:unit and now the test is running now, however running "vue-cli-service test:unit" directly from the cmd will fail because '@vue/cli-plugin-babel' is not found.

[gtempesta]

@Thaval in order to run a script coming from node_modules directly from the command line you should specify the path to the bin command ex. for jest it should be ./node_modules/jest/bin/jest.js

[matsilva]

This was the solution for me. Nothing else worked other than specifying the babel config file in the transform