Решения, предлагаемые в других связанных вопросах, таких как включение правильных пресетов (es2015) в .babelrc, уже реализованы в моем проекте.

У меня есть два проекта (назовем их A и B), в которых используется синтаксис модуля ES6. В Project A я импортирую Project B, который устанавливается через npm и находится в папке node_modules. Когда я запускаю свой набор тестов для проекта A, я получаю сообщение об ошибке:

SyntaxError: неожиданный импорт токена

Кому предшествует эта предполагаемая ошибочная строка кода из проекта B:

(функция (экспорт, требование, модуль, __filename, __dirname) {импорт createBrowserHistory из 'history / lib / createBrowserHistory';

Iife кажется чем-то связанным с npm или, возможно, с babel, поскольку мой исходный файл содержит только «import createBrowserHistory из 'history / lib / createBrowserHistory'; модульные тесты в тестовом наборе Project B работают нормально, и если я удалю Project B как зависимость от Проект A, мой набор тестов (все еще использующий импорт es6 для внутренних модулей проекта) работает нормально.

Полная трассировка стека:

 SyntaxError: Unexpected token import
    at exports.runInThisContext (vm.js:53:16)
    at Module._compile (module.js:374:25)
    at Module._extensions..js (module.js:405:10)
    at Object.require.extensions.(anonymous function) [as .js] (/ProjectA/node_modules/babel-register/lib/node.js:138:7)
    at Module.load (module.js:344:32)
    at Function.Module._load (module.js:301:12)
    at Module.require (module.js:354:17)
    at require (internal/module.js:12:17)
    at Object.<anonymous> (actionCreators.js:4:17)
    at Module._compile (module.js:398:26)
    at loader (/ProjectA/node_modules/babel-register/lib/node.js:130:5)
    at Object.require.extensions.(anonymous function) [as .js] (/ProjectA/node_modules/babel-register/lib/node.js:140:7)
    at Module.load (module.js:344:32)
    at Function.Module._load (module.js:301:12)
    at Module.require (module.js:354:17)
    at require (internal/module.js:12:17)
    at Object.<anonymous> (/ProjectA/src/components/core/wrapper/wrapper.js:28:23)
    at Module._compile (module.js:398:26)
    at loader (/ProjectA/node_modules/babel-register/lib/node.js:130:5)
    at Object.require.extensions.(anonymous function) [as .js] (/ProjectA/node_modules/babel-register/lib/node.js:140:7)
    at Module.load (module.js:344:32)
    at Function.Module._load (module.js:301:12)
    at Module.require (module.js:354:17)
    at require (internal/module.js:12:17)
    at Object.<anonymous> (/ProjectA/src/components/core/wrapper/wrapperSpec.js:15:16)
    at Module._compile (module.js:398:26)
    at loader (/ProjectA/node_modules/babel-register/lib/node.js:130:5)
    at Object.require.extensions.(anonymous function) [as .js] (/ProjectA/node_modules/babel-register/lib/node.js:140:7)
    at Module.load (module.js:344:32)
    at Function.Module._load (module.js:301:12)
    at Module.require (module.js:354:17)
    at require (internal/module.js:12:17)
    at /ProjectA/node_modules/mocha/lib/mocha.js:219:27
    at Array.forEach (native)
    at Mocha.loadFiles (/ProjectA/node_modules/mocha/lib/mocha.js:216:14)
    at Mocha.run (/ProjectA/node_modules/mocha/lib/mocha.js:468:10)
    at Object.<anonymous> (/ProjectA/node_modules/mocha/bin/_mocha:403:18)
    at Module._compile (module.js:398:26)
    at Object.Module._extensions..js (module.js:405:10)
    at Module.load (module.js:344:32)
    at Function.Module._load (module.js:301:12)
    at Function.Module.runMain (module.js:430:10)
    at startup (node.js:141:18)
    at node.js:980:3

Вот моя тестовая команда из package.json:

"test": "mocha --compilers js:babel-core/register '+(test|src)/**/*Spec.js'"

Это сообщение StackOverflow похоже, но не предлагает решения для моего использования командной строки: импортируйте модуль из node_modules с помощью babel, но не удалось

Для Вавилона <6

Самый простой способ решить эту проблему:

1. npm install babel-preset-es2015 --save-dev

2. Добавить .babelrcв корень проекта с содержимым:

   {
    "presets": [ "es2015" ]
   }
   

Убедитесь, что вы запускаете mocha с параметром «--compilers js: babel-core / register».

Для Babel6 / 7 +

1. npm install @babel/preset-env --save-dev

2. Добавить .babelrcв корень проекта с содержимым:

   {
    "presets": [ "@babel/preset-env" ]
   }
   

Убедитесь, что вы запускаете мокко с параметром --compilers js:babel-register(Babel 6) или --compilers js:@babel/register(Babel 7).

Для мокко версии 7 или новее используйте --require babel-registerили --require @babel/registerсоответственно.

Кажется, единственное решение - явно включить:

require('babel-core/register')({
  ignore: /node_modules/(?!ProjectB)/
}); 

в тестовом вспомогательном файле и передать его в mocha в моей тестовой команде:

mocha --require ./test/testHelper.js...

Окончательное решение:

Добавьте registerBabel.js : отдельный файл, задача которого - требовать babel-core / register ...

require('babel-core/register')({
  ignore: /node_modules/(?!ProjectB)/
});

Добавьте entry.js, если ваше приложение также использует babel-node. Это действует как оболочка для вашего приложения, содержащего es6.

require('./registerBabel');
require('./server'); // this file has some es6 imports

Затем вы запустите свое приложение с node entry

Для тестирования мокко testHelper.js должен также потребовать registerBabel.js для инициализации поддержки babel во время выполнения.

require('./registerBabel');

И запустите свои мокко-тесты с mocha --require ./testHelper.js '+(test)/**/*Spec.js'

Это рекурсивно проверит любой файл, заканчивающийся на «Spec.js» в пределах «./test». Замените образец на тот, который соответствует спецификациям вашего проекта.

Конечно, у вас будет эта проблема, вы используете ES6, о котором мокко не знает

Итак, вы используете babel, но не используете его в своем тесте ...

Несколько решений:

A. если вы работаете с NPM, используйте

"test": "mocha --compilers js:babel-core/register test*.js"

Б. Я использую

"test": "./node_modules/.bin/mocha --compilers js:babel-core/register **/*spec.jsx"

C. Из cli:

mocha --compilers js: babel-core / register test * .js

Вы можете узнать больше на http://www.pauleveritt.org/articles/pylyglot/es6_imports/

Я столкнулся с той же проблемой. Попробовав любое другое решение для stackoverflow и не только, добавление этой простой конфигурации в package.json сделало это за меня:

  "babel": {
    "presets": [
      "es2015"
    ]
  }

После этого весь мой импорт ES6 работал. Между прочим, у меня была такая же конфигурация внутри webpack.config.js, но, видимо, это был единственный способ заставить его работать и для тестирования мокко.

Надеюсь, это кому-то поможет.

Я был {"modules": false}в моем .babelrc файл, например так:

"presets": [
    ["es2015", {"modules": false}],
    "stage-2",
    "react"
]

который бросал

Неожиданный импорт токена

Как только я удалил его, мокко успешно запустился.

У меня была такая же проблема, и я исправил ее, прочитав документацию по babel для интеграции Babel с Mocha:

{
  "scripts": {
    "test": "mocha --compilers js:babel-register"
  }
}

Для тех, кто использует Babel 7 и Mocha 4, некоторые имена пакетов немного изменились, и принятый ответ немного устарел. Что мне нужно было сделать:

npm install @babel/register --saveDev

и добавив --require @babel/registerк тестовой строке вpackage.json

"test": "./node_modules/mocha/bin/mocha --require @babel/polyfill --require @babel/register './test/**/*.spec.js'"

В @babel/polyfillзатруднительных некоторых вещах , как асинхронная / ОЖИДАНИЕ функциональность , если вам случится использовать те.

Надеюсь, это кому-то поможет :)

Я добавляю сюда еще один ответ на конфигурацию ES6 + mocha + babel, актуальный по состоянию на июнь 1919 года (см. Даты в ответе / комментарии). Мокко имеют осуждали --compilerфлаг, и версия , которую я использую имеет ту недоступную даже с --no-deprecationфлагом, сравни это

Обратите внимание, что я не буду включать все соответствующие фрагменты со связанных страниц, потому что ни один из них не привел меня к чистой тестовой сборке, основанной на последних версиях mocha и babel; этот ответ должен включать шаги, которые привели меня к успешной тестовой сборке.

Следуя инструкциям здесь, в этом ответе и здесь , я попытался установить минимально последнюю версию babel, используя npm install:

$ npm install --save-dev mocha
$ npm install --save-dev @babel/preset-env

И я настроил вызов мокко в package.json, вот так:

"scripts": {
    "test": "mocha --compilers js:@babel/register"
}

Это привело к ошибкам:

× ERROR: --compilers is DEPRECATED and no longer supported.

Как указано выше, --no-deprecationне помогло, обратитесь к странице, указанной выше. Итак, следуя инструкциям здесь, я настроил package.json:

"scripts": {
    "test": "mocha --require js:@babel/register"
}

И начали замечать ошибки при поиске модулей babel, например:

× ERROR: Cannot find module '@babel/register'

На этом этапе я начал устанавливать пакеты babel, пока не смог прогрессировать. Я считаю, что полная установка выглядит примерно так:

$ npm install --save-dev @babel/preset-env @babel/register @babel/core

Последнее необходимое изменение заключалось в обновлении вызова мокко в package.json, удалив js:префикс, например:

"scripts": {
    "test": "mocha --require @babel/register"
}

Я не могу ответить, почему это было необходимо: если кто-то может ответить на этот вопрос, оставьте комментарий, и я дополню свой ответ более подробной информацией.

Последнее, что я сделал, - это создал .babelrc в каталоге проекта с содержимым:

{
    "presets" : ["@babel/preset-env"]
}

Я не могу вспомнить, что вызвало это, но я считаю, что это произошло потому, что мокко продолжал жаловаться на то, что не распознает importключевое слово в моем test.js. Как и выше, если кто-то может ответить на этот вопрос, оставьте комментарий, и я дополню свой ответ более подробной информацией.

--compilers не рекомендуется.

Мое простое решение:

npm install --save-dev babel-core

И в package.json добавьте свой тестовый скрипт следующим образом:

  "scripts": {
    "test": "mocha --require babel-core/register ./test/**/*.js -r ./test-setup.js"
  },

Я нашел самый простой способ сделать с babel 6.XX - использовать nyc, а затем добавить helperфайл вpckage.json

Итак, вот что я использовал

package.json

{
  ....
  "scripts": {
    "test": "nyc mocha --reporter tap 'test/**/*.spec.js'"
  },
  "devDependencies": {
    "babel-cli": "^6.24.0",
    "babel-core": "^6.24.0",
    "babel-loader": "^6.4.0",
    "babel-preset-env": "^1.2.2",
    "babel-preset-es2015": "^6.24.0",
    "babel-preset-react": "^6.23.0",
    "babel-preset-react-hmre": "^1.1.1",
    "babel-preset-stage-2": "^6.22.0",
    "babel-register": "^6.24.0",
    "babel-runtime": "^6.23.0",
    "chai": "^3.5.0",
    "mocha": "^3.2.0",
    "nyc": "^10.1.2",
    "webpack": "^2.3.3",
    "webpack-config": "^7.0.0",
    "webpack-dashboard": "^0.3.0",
    "webpack-dev-server": "^2.4.2"
  },
  "nyc": {
    "all": true,
    "include": [
      "src/**/*.js"
    ],
    "cache": true,
    "require": [
      "./test/helper/registerBabel.js"
    ]
  }
}

Babelrc

{
  "presets": [
    "es2015", //remove the {modules: false} it doesn't work with this
    "stage-2"
  ]
}

registerBabel.js

/* eslint-disable import/no-commonjs, import/unambiguous */
require('babel-register')();

Теперь вы сможете использовать es6 в своих тестах или где угодно. Мои все терпят неудачу;)

Тогда npm run testкоторый сработаетnyc mocha --reporter tap 'test/**/*.spec.js'

Вот что у меня сработало. Я получил предупреждение при использовании --compilersфлага.

DeprecationWarning: "--compilers" будет удален в будущей версии Mocha; см. https://git.io/vdcSr для получения дополнительной информации

Поэтому я заменил его --requireфлагом

"test":  "mocha --require babel-core/register --recursive"

Вот мой .babelrc:

{
  "presets": ["env"]
}

Мои package.jsonзависимости разработчиков

"devDependencies": {
  "babel-cli": "^6.26.0",
  "babel-preset-env": "^1.7.0",
  "mocha": "^5.2.0",
}

Я решил эту проблему сегодня утром с помощью следующих инструкций

Установить модули NPM

npm install --save-dev @babel/polyfill
npm install --save-dev @babel/register

package.json :

"scripts": {
    "test": "mocha --require @babel/register --require @babel/polyfill src/DesktopApplication/Tests",
  }

.babelrc

{
  "presets": ["@babel/env"]
}

Я решил эту проблему сегодня утром с помощью следующих инструкций из официальных инструкций по использованию Babel для Mocha 4:

Установить модули NPM

npm install --save-dev babel-polyfill
npm install --save-dev babel-preset-env
npm install --save-dev babel-register

или одна команда:

npm i -d babel-polyfill babel-preset-env babel-register

package.json :

"scripts": {
    "test": "mocha --require babel-polyfill --require babel-register"
  }

.babelrc

{
  "presets": ["env"]
}

Вам может потребоваться указать этот extensionsпараметр, если вы используете TypeScript:

require("@babel/register")({
  extensions: ['.jsx', '.js', '.ts', '.tsx']
})

Я установил mochaи встретил ту же ошибку, когда использую importв своем коде. Выполнив следующие действия, проблема была устранена.

npm install babel-core --save-dev
npm install babel-preset-es2015 --save-dev
npm install babel-preset-stage-0 --save-dev

А затем добавьте .babelrcфайл:

{
    "presets": [
        "es2015"
    ]
}

А потом запускаем mochaтак:

mocha --compilers js:babel-core/register

У меня такая же проблема. При запуске тестов я понял, что действительно хочу заглушить зависимые модули. Это хорошо для модульного тестирования и не позволяет babel преобразовывать подмодули. Так я использовал proxyquire, а именно:

const proxyquire = require('proxyquire').noCallThru()

const myTestedModule = proxyquire('../myTestedModule', {
    'dependentModule1': { //stubbed module1 },
    'dependentModule2': { //stubbed module2 }
})

для более перспективной настройки

npm install babel-preset-latest --save-dev

и в .babelrc

{
  "presets": [ "latest" ]
}

в отличие от ...

npm install babel-preset-es2015 --save-dev

а также

{
 "presets": [ "es2015" ]
}