Unexpected token: < about vue-jest

[kenhan168]

I have just started learning Vue recently by following this post: https://medium.com/cleversonder/from-zero-to-hero-with-vue-advanced-components-parcel-dev-tools-fab980a62259

I have encountered the similar issue. As parcel complaints the tag is not valid in the vue file.

The completed source code for the tutorial by https://medium.com/@wesharehoodies is working from:
https://github.com/wesharehoodies/zero-to-hero-with-vue/tree/advanced-components-computed-props-watchers

However, if I delete the package-lock.json, delete the "node_modules" folder, and reinstall all packages again from package.json via "npm install", then the error occurs.

Therefore, it seems some of the dependent packages have broken the build process.

[eddyerburgh]

@CraigHarley Are you able to post a repo with a reproduction?

[lben]

I have a similar problem. I don't know which of the several moving parts is creating this problem so I opened an issue here: vuejs-templates/webpack#1335

As I said, I don't know if this is a webpack issue, vue-jest issue, jest issue, vue-test-utils issue, babel issue, etc... issue but any help would be really appreciated. Thanks

[eddyerburgh]

The issue is that Jest is not using vue-jest to transform the SFC. If you're seeing this issue, it's likely that your configuration is incorrect. For example, it could be caused by the regex you're using in transform.