Как исправить ошибку импорта Vue из результатов 'vue' в SyntaxError: Неожиданный идентификатор - PullRequest
0 голосов
/ 06 февраля 2019

Я пытаюсь настроить тестовую среду для проекта Vue.js, над которым я работаю.Я пытаюсь использовать Jest для этого, но в результате я получаю сообщение об ошибке, для которого, похоже, не нашел решения.Когда я пытаюсь запустить тесты, я получаю синтаксическую ошибку в терминале.

Я получаю ошибку:

Test suite failed to run

Import Vue from 'vue';

       ^^^

SyntaxError: Unexpected identifier"
  at ScriptTransformer._transformAndBuildScript (node_modules/jest-runtime/build/script_transformer.js:403:17) 

Я искал вокруг, но яне могу найти решение, которое мне помогает .. При удалении импорта Vue тест проходит.

Я запускаю тесты командой npm run tests

// package.json
{
  "name": "mlink-pwa",
  "version": "0.1.0",
  "private": true,
  "scripts": {
    "serve": "vue-cli-service serve",
    "build": "vue-cli-service build",
    "lint": "vue-cli-service lint",
    "tests": "NODE_ENV=testing vue-cli-service test:unit"
  },
  "dependencies": {
    "chart.js": "^2.7.3",
    "chartjs-plugin-labels": "^1.1.0",
    "countup.js": "^1.9.3",
    "dexie": "^2.0.4",
    "gauge-chart": "^0.4.3",
    "moment": "^2.22.2",
    "progressbar.js": "^1.0.1",
    "raven-js": "^3.27.0",
    "register-service-worker": "^1.5.2",
    "vue": "^2.5.17",
    "vue-countup-v2": "^2.0.0",
    "vue-i18n": "^8.3.2",
    "vue-router": "^3.0.2",
    "vuedraggable": "^2.16.0",
    "vuelidate": "^0.7.4",
    "vuex": "^3.0.1"
  },
  "devDependencies": {
    "@babel/preset-env": "^7.3.1",
    "@vue/cli": "^3.1.3",
    "@vue/cli-plugin-babel": "^3.1.1",
    "@vue/cli-plugin-e2e-nightwatch": "^3.4.0",
    "@vue/cli-plugin-eslint": "^3.1.5",
    "@vue/cli-plugin-pwa": "^3.1.2",
    "@vue/cli-plugin-unit-jest": "^3.4.0",
    "@vue/cli-service": "^3.1.4",
    "@vue/eslint-config-standard": "^4.0.0",
    "@vue/test-utils": "^1.0.0-beta.25",
    "babel": "^6.23.0",
    "babel-core": "7.0.0-bridge.0",
    "babel-jest": "^24.1.0",
    "babel-plugin-transform-es2015-modules-commonjs": "^6.26.2",
    "eslint-plugin-jasmine": "^2.10.1",
    "jasmine": "^3.3.1",
    "node-sass": "^4.10.0",
    "sass-loader": "^7.1.0",
    "vue-jest": "^3.0.2",
    "vue-template-compiler": "^2.5.17"
  }
}

// jest.config.js
module.exports = {
    moduleFileExtensions: ['js', 'json', 'vue'],
    transform: {
        '^.+\\.jsx?$': 'babel-jest',
        '^.+\\.vue$': 'vue-jest'
    },
  clearMocks: true,
  coverageDirectory: "coverage",
};

// babel.config.js
module.exports = {
  env: {
    testing: {
      presets: [
        ['env', { modules: false }], 
        '@babel/preset-env',
        '@vue/app'
      ],
      plugins: [
        'transform-es2015-modules-commonjs'
     ]
    }
  }
 }

// first.spec.js - THIS FAILS
import Vue from 'vue'

describe('', () => {  
    it('first test', () => {
        expect(true).toEqual(true);
    });
});

// first.spec.js - THIS PASSES
describe('', () => {  
    it('first test', () => {
        expect(true).toEqual(true);
    });
});

Ожидается: Ожидается, что набор тестов будет запущен и тест пройден.

Факт: Набор тестов не запущен.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...