"Несподіваний імпорт маркера" в Nodejs5 та babel?

У js-файлі я використовував імпорт, а не вимагати

import co from 'co';

І спробував запустити його безпосередньо nodejs, оскільки він сказав, що імпорт - це "функції доставки" та підтримка без будь-якого прапора виконання ( https://nodejs.org/en/docs/es6/ ), але я отримав помилку

import co from 'co';
^^^^^^

SyntaxError: Unexpected token import

Тоді я спробував використати вавило

npm install -g babel-core
npm install -g babel-cli
npm install babel-core //install to babel locally, is it necessary?

і бігати

babel-node js.js

все-таки виникла така ж помилка, несподіваний імпорт маркера?

Як я міг її позбутися?

Від дівочої 6 Примітки до випуску:

Оскільки Babel зосереджує свою увагу на тому, щоб бути платформою для інструментів JavaScript, а не для транспілятора ES2015, ми вирішили включити всі плагіни. Це означає, що при встановленні Babel він за замовчуванням більше не перетворює ваш код ES2015.

У моїй установці я встановив попередньо встановлений es2015

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

або з пряжею

yarn add babel-preset-es2015 --dev

і ввімкнув попередньо встановлений в моєму .babelrc

{
  "presets": ["es2015"]
}

До тих пір, поки модулі не будуть реалізовані, ви можете використовувати Bapilov "транспілер" для запуску свого коду:

npm install --save babel-cli babel-preset-node6

і потім

./node_modules/babel-cli/bin/babel-node.js --presets node6 ./your_script.js

Якщо ви не хочете ввести, --presets node6ви можете зберегти його .babelrc файл:

{
  "presets": [
    "node6"
  ]
}

Дивіться https://www.npmjs.com/package/babel-preset-node6 та https://babeljs.io/docs/usage/cli/

1. Установка пакетів: babel-core, babel-polyfill,babel-preset-es2015
2. Створити .babelrcіз вмістом:{ "presets": ["es2015"] }
3. Не ставте importзаяву у свій основний файл входу, використовуйте інший файл, наприклад: app.jsі ваш основний файл входу повинен вимагати, babel-core/registerа babel-polyfillтакож зробити так, щоб бабеля працювали окремо, в першу чергу, перш ніж щось інше. Тоді ви можете вимагати, app.jsде importзаява.

Приклад:

index.js

require('babel-core/register');
require('babel-polyfill');
require('./app');

app.js

import co from 'co';

З ним слід працювати node index.js.

babel-preset-es2015 тепер застаріло, і ви отримаєте попередження, якщо спробуєте скористатися рішенням Лоренса.

Щоб це працювало з Babel 6.24.1+, використовуйте babel-preset-envзамість цього:

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

Потім додайте envдо попередніх налаштувань у вашому .babelrc:

{
  "presets": ["env"]
}

Докладнішу інформацію див. У документах Babel .

якщо ви використовуєте попередньо встановлену функцію для react-native, вона приймає імпорт

npm i babel-preset-react-native --save-dev

і помістіть його у свій файл .babelrc

{
  "presets": ["react-native"]
}

у вашому кореневому каталозі проекту

https://www.npmjs.com/package/babel-preset-react-native

Можливо, ви працюєте з некомпільованими файлами. Почнемо чисто!

У своєму робочому каталозі створіть:

• Дві папки. Один для попередньо складеного коду es2015. Інший для виходу вавилонів. Ми назвемо їх відповідно "src" і "lib".

• Файл package.json із таким об’єктом:

  { 
    "scripts": {
        "transpile-es2015": "babel src -d lib"
    },
    "devDependencies": {
        "babel-cli": "^6.18.0",
        "babel-preset-latest": "^6.16.0"
    }
  }

• Файл під назвою ".babelrc" із такими інструкціями: {"presets": ["latest"]}

• Нарешті, запишіть тестовий код у свій файл src / index.js. У вашому випадку: import co from 'co'.

Через консоль:

• Встановіть ваші пакети: npm install
• Транспілюйте свій вихідний каталог у свій вихідний каталог за допомогою прапора -d (він же --out-dir), як уже вказано в нашому пакеті.json: npm run transpile-es2015
• Запустіть свій код з вихідного каталогу! node lib/index.js

Сучасним методом є використання:

npm install --save-dev babel-cli babel-preset-env

А потім у в .babelrc

{
    "presets": ["env"]
}

для цього встановіть підтримку Babel для останньої версії js (es2015 та пізнішої версії). Перевірте babeljs

Не забудьте додати babel-nodeдо своїх сценаріїв всередині package.jsonвикористання під час запуску файлу js наступним чином.

"scripts": {
   "test": "mocha",
    //Add this line to your scripts
   "populate": "node_modules/babel-cli/bin/babel-node.js" 
},

Тепер ти можеш npm populate yourfile.js всередині терміналу.

Якщо у вас запущені вікна та запущена внутрішня чи зовнішня команда помилок не розпізнана, використовуйте вузол перед скриптом, як описано нижче

node node_modules/babel-cli/bin/babel-node.js

Тоді npm run populate

Ви повинні використовувати babel-preset-env та nodemonДля гарячого перезавантаження .

Потім створіть .babelrc файл із вмістом нижче:

{
  "presets": ["env"]
}

Нарешті, створіть скрипт у package.json:

"scripts": {
    "babel-node": "babel-node --presets=env",
    "start": "nodemon --exec npm run babel-node -- ./index.js",
    "build": "babel src -d dist"
  }

Або просто скористайтеся цією плитою:

Котельня: node-es6

• install -> "npm i --save-dev babel-cli babel-preset-es2015 babel-preset-stage-0"

далі в файл package.json додайте в сценарії "start": "babel-node server.js"

    {
  "name": "node",
  "version": "1.0.0",
  "description": "",
  "main": "server.js",
  "dependencies": {
    "body-parser": "^1.18.2",
    "express": "^4.16.2",
    "lodash": "^4.17.4",
    "mongoose": "^5.0.1"
  },
  "devDependencies": {
    "babel-cli": "^6.26.0",
    "babel-preset-es2015": "^6.24.1",
    "babel-preset-stage-0": "^6.24.1"
  },
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1",
    "start": "babel-node server.js"
  },
  "keywords": [],
  "author": "",
  "license": "ISC"
}

і створити файл для babel, в корені ".babelrc"

    {
    "presets":[
        "es2015",
        "stage-0"
    ]
}

і запустити npm start у терміналі

Доповніть наступні кроки для вирішення проблеми:

1) Встановіть CLI та ENV

$ npm install --save-dev babel-cli babel-preset-env

2) Створіть файл .babelrc

{
  "presets": ["env"]
}

3) налаштувати npm start у package.json

"scripts": {
    "start": "babel-node ./server/app.js",
    "test": "echo \"Error: no test specified\" && exit 1"
  }

4) потім запустіть додаток

$ npm start

Я зробив наступне, щоб подолати проблему (сценарій ex.js)

проблема

$ cat ex.js
import { Stack } from 'es-collections';
console.log("Successfully Imported");

$ node ex.js
/Users/nsaboo/ex.js:1
(function (exports, require, module, __filename, __dirname) { import { Stack } from 'es-collections';
                                                              ^^^^^^

SyntaxError: Unexpected token import
    at createScript (vm.js:80:10)
    at Object.runInThisContext (vm.js:152:10)
    at Module._compile (module.js:624:28)
    at Object.Module._extensions..js (module.js:671:10)
    at Module.load (module.js:573:32)
    at tryModuleLoad (module.js:513:12)
    at Function.Module._load (module.js:505:3)
    at Function.Module.runMain (module.js:701:10)
    at startup (bootstrap_node.js:194:16)
    at bootstrap_node.js:618:3

рішення

# npm package installation
npm install --save-dev babel-preset-env babel-cli es-collections

# .babelrc setup
$ cat .babelrc
{
  "presets": [
    ["env", {
      "targets": {
        "node": "current"
      }
    }]
  ]
}

# execution with node
$ npx babel ex.js --out-file ex-new.js
$ node ex-new.js
Successfully Imported

# or execution with babel-node
$ babel-node ex.js
Successfully Imported

@jovi все, що вам потрібно зробити, - це додати .babelrc файл таким чином:

{
  "plugins": [
    "transform-strict-mode",
    "transform-es2015-modules-commonjs",
    "transform-es2015-spread",
    "transform-es2015-destructuring",
    "transform-es2015-parameters"
  ]
}

і встановіть ці плагіни як залежність від npm.

потім спробуйте babel-вузол ***. js ще раз. сподіваюся, що це може вам допомогти.

У своєму додатку ви повинні оголосити свої require()модулі, не використовуючи ключове слово "імпорт":

const app = require("example_dependency");

Потім створіть файл .babelrc:

{
"presets": [ 
    ["es2015", { "modules": false }]
]
}

Потім у своєму gulpfile обов'язково оголосіть свої require()модулі:

var gulp = require("gulp");