«SyntaxError: Невозможно использовать оператор импорта вне модуля» при запуске Jest-теста с Vue Js - PullRequest
Новая
       12

«SyntaxError: Невозможно использовать оператор импорта вне модуля» при запуске Jest-теста с Vue Js

0 голосов
/ 15 февраля 2020

Я следовал этому руководству https://frontstuff.io/build-your-first-vue-js-component, чтобы создать компонент vue js. Затем я последовал этому уроку https://frontstuff.io/unit-test-your-first-vuejs-component для модульного тестирования компонента. Модульный тест завершается неудачно в операторе импорта компонента и возвращает эту ошибку:

● Не удалось запустить набор тестов 

C:\Users\SHINIGAMI-ALFSABAH\Documents\Workspace\Dev\Vue\star-rating\node_modules\vue-awesome\icons\star.js:1
({"Object.<anonymous>":function(module,exports,require,__dirname,__filename,global,jest){import Icon from '../components/Icon.vue'
                                                                                         ^^^^^^

SyntaxError: Cannot use import statement outside a module

  12 | 
  13 | <script>
> 14 |     import 'vue-awesome/icons/star'
     | ^
  15 |     import Icon from 'vue-awesome/components/Icon'
  16 | 
  17 |     export default {

  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 src/components/Rating.vue:14:1
  at Object.<anonymous> (src/components/Rating.vue:67:3)

Любая помощь приветствуется.

Ответы [ 2 ]

0 голосов
/ 15 апреля 2020

Я установил зависимости, необходимые для совместной работы vue и jest, затем создал файл конфигурации для babel и jest. 

//Installing dependencies for jest and vue js
npm i -D @vue/test-utils jest vue-jest @vue/babel-preset-app babel-core@^7.0.0-bridge.0


//jest.config.js
module.exports = {
    moduleFileExtensions: ['js', 'jsx', 'json', 'vue'],
    transform: {
        ".*\\.(vue)$": "vue-jest",
        "^.+\\.js$": "<rootDir>/node_modules/babel-jest"
    }
};


//babel.config.js
module.exports = {
    presets: [
        '@vue/app'
    ]
};
0 голосов
/ 15 февраля 2020

Я нашел ответ на SO из предыдущего аналогичного вопроса Неожиданная ошибка импорта "токена" при выполнении Jest-тестов?

В основном мне пришлось изменить массив transformIgnorePatterns в конфигурации jest с :

transformIgnorePatterns: ["/node_modules/"],

до

transformIgnorePatterns: ["/node_modules/(?!vue-awesome)"],

, убедившись, что Jest компилирует модуль vue -wesome для использования в тесте.

...