Vue: Смешивание в модульном тесте вызывает странный сбой теста

#javascript #vue.js #vuejs2 #jestjs

Вопрос:

Я пытаюсь добавить некоторые модульные тесты к компоненту, в котором есть миксин.

Вот примерно то, что делает миксин:

 import test from '@/assets/file.txt'  export default {  data() {  return {  title: '',  body: ''  }  },  methods: {  initData() {  // Read data from the file and update data() above.  }  } }  

Единственная, казалось бы, уместная строка в этом миксине, вызывающая ошибку, — это импорт. Это вызывает синтаксическую ошибку следующим образом:

 SyntaxError: Invalid left-hand side expression in prefix operation  gt; 1 | import alertTuning from '@/assets/AlertTuning.md'  | ^  2 |  3 | export default {  4 | data() {   at ScriptTransformer._transformAndBuildScript (node_modules/@jest/transform/build/ScriptTransformer.js:537:17)  at ScriptTransformer.transform (node_modules/@jest/transform/build/ScriptTransformer.js:579:25)  at Object.lt;anonymousgt; (src/assets/js/mixins/alertTuningTemplateMixin.js:1:1)  

Это кажется мне странным, потому что я знаю, что это синтаксически правильный JavaScript, почему этот импорт выдает такую ошибку только при модульном тестировании?

Миксин отлично работает вне сценариев тестирования, т. е. на нашем локальном, производственном и сценическом веб-сайте он отлично работает без каких-либо ошибок.

Спасибо.

Комментарии:

1. Обратите внимание, что ошибка показывает импорт .md, но вы указали .txt. И то и другое должно быть явно обработано в настройке Jest

2. Извините, они действительно одинаковые. Как вы можете видеть, я просто написал немного мусора вместо того, чтобы копировать и вставлять весь микс.