vue + jest + typescript: Unexpected token import

Hi all, I have a Typescript file which imports a Vue file. It seems vue-jest doesn’t like this?

/path-to-my-project/Autocomplete/Autocomplete.vue:14
import ItemTemplate from './_autocomplete_item.vue';
^^^^^^

SyntaxError: Unexpected token import

> 1 | import Autocomplete from './Autocomplete/Autocomplete.vue';
    | ^

  at ScriptTransformer._transformAndBuildScript (node_modules/jest-runtime/build/script_transformer.js:403:17)
  at Object.<anonymous> (path-to-my-project/base.ts:1:1)

You’ll note that it’s able to find Autocomplete.vue, but is unable to parse the import within Autocomplete.vue.

Here is my jest config; Am I doing something obviously wrong here?

  "jest": {
    "transform": {
      "^.+\\.tsx?$": "ts-jest",
      "^.+\\.vue$": "vue-jest"
    },
    "testRegex": "(\\./test/javascript/.*|\\.(test|spec))\\.(jsx?|tsx?)$",
    "moduleFileExtensions": [
      "ts",
      "tsx",
      "vue",
      "js",
      "jsx",
      "json",
      "node"
    ]
  }

[francoismassart]

I finally found a way to make it work 🎉🎉🎉 by adding these lines to the jet.config.js:

  preset: 'ts-jest/presets/js-with-ts',
  transformIgnorePatterns: ['node_modules/(?!(bootstrap-vue)/)'],

Thanks to: https://stackoverflow.com/questions/53397773/node-modules-not-being-parsed-correctly-for-tests/53414070#53414070

I also had to add "allowJs": true, to my tsconfig.json

I hope it can help you out!

[francoismassart]

Any news on this issue ? I also get this error 👎