Node.js - SyntaxError: importación de token inesperada

No entiendo lo que está mal. Nodo v5.6.0 NPM v3.10.6

El código:

function (exports, require, module, __filename, __dirname) {
    import express from 'express'
};

El error:

SyntaxError: Unexpected token import
    at exports.runInThisContext (vm.js:53:16)
    at Module._compile (module.js:387:25)
    at Object.Module._extensions..js (module.js:422:10)
    at Module.load (module.js:357:32)
    at Function.Module._load (module.js:314:12)
    at Function.Module.runMain (module.js:447:10)
    at startup (node.js:140:18)
    at node.js:1001:3

Actualización 3: desde el Nodo 13 , puede usar la extensión .mjs o establecer "type": "module" en su package.json. Usted no necesita utilizar la --experimental-modulesbandera.

Actualización 2: desde el Nodo 12 , puede usar la .mjsextensión o establecerla "type": "module"en su package.json. Y necesita ejecutar el nodo con la --experimental-modulesbandera.

Actualización: en el Nodo 9 , se habilita detrás de una bandera y usa la .mjsextensión.

node --experimental-modules my-app.mjs

Si bien importes parte de ES6, desafortunadamente aún no es compatible con NodeJS de manera predeterminada, y solo recientemente ha sido compatible con los navegadores.

Consulte la tabla de compatibilidad del navegador en MDN y este problema de Nodo .

De la actualización de James M Snell sobre los módulos ES6 en Node.js (febrero de 2017):

El trabajo está en progreso, pero llevará algún tiempo. Actualmente estamos analizando alrededor de un año al menos.

Hasta que el soporte se muestre de forma nativa, deberá continuar utilizando requiredeclaraciones clásicas :

const express = require("express");

Si realmente desea utilizar las nuevas funciones de ES6 / 7 en NodeJS, puede compilarlo con Babel. Aquí hay un servidor de ejemplo .

Como se mencionó en otras respuestas, el nodo JS actualmente no es compatible con las importaciones ES6.

(A partir de ahora, lea EDITAR 2)

Habilitar las importaciones de ES6 en el nodo js proporciona una solución a este problema. He intentado esto y funcionó para mí.

Ejecute el comando:

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

Ahora necesita crear un nuevo archivo (config.js) y agregarle el siguiente código.

    require('babel-register')({
        presets: [ 'env' ]
    })
    // Import the rest of our application.
    module.exports = require('./your_server_file.js')

Ahora puede escribir declaraciones de importación sin obtener ningún error.

Espero que esto ayude.

EDITAR:

Debe ejecutar el nuevo archivo que creó con el código anterior. En mi caso lo fue config.js. Entonces tengo que correr:

    node config.js

EDITAR 2:

Mientras experimentaba, encontré una solución fácil para este problema.

Cree un .babelrcarchivo en la raíz de su proyecto.

Agregue lo siguiente (y cualquier otro preajuste de babel que necesite, se puede agregar en este archivo):

    {
        "presets": ["env"]
    }

Instalar babel-preset-envusando el comando npm install babel-preset-env --save, y luego instalar babel-cliusando el comandonpm install babel-cli -g --save

Ahora, vaya a la carpeta donde existe su servidor o archivo de índice y ejecútelo usando: babel-node fileName.js

O puede ejecutar usando npm startagregando el siguiente código a su package.jsonarchivo:

    "scripts": {
        "start": "babel-node src/index.js"
    }

Error: SyntaxError: importación de token inesperada o SyntaxError: exportación de token inesperada

Solución: cambie todas sus importaciones como ejemplo

const express               = require('express');
const webpack               = require('webpack');
const path                  = require('path');
const config                = require('../webpack.config.dev');
const open                  = require('open');

Y también cambia tu export default = foo;amodule.exports = foo;

Estoy sorprendido de que esmno se haya mencionado. Este pequeño pero poderoso paquete te permite usar cualquiera importo require.

Instala esm en tu proyecto

$ npm install --save esm

Actualice su script de inicio de nodo para usar esm

node -r esm app.js

esmsolo funciona Perdí una TONELADA de tiempo .mjsy --experimental-modulessolo para descubrir que un .mjsarchivo no puede importar un archivo que usa requireo module.exports. Este fue un gran problema, mientras esmque le permite mezclar y combinar y simplemente lo resuelve ... esmsimplemente funciona.

En caso de que todavía no pueda usar "importar", así es como lo manejé: solo traduzca a un nodo amigable requerido. Ejemplo:

import { parse } from 'node-html-parser';

Es lo mismo que:

const parse = require('node-html-parser').parse;

La propuesta de Babel 7 puede agregar dependencias de desarrollo

npm i -D @babel/core @babel/preset-env @babel/register

y agregue un .babelrc en la raíz

{
"presets": [
  [
    "@babel/preset-env",
    {
      "targets": {
        "node": "current"
     }
    }
  ]
 ]
}

y agregar al archivo .js

require("@babel/register")

o si lo ejecuta en el cli, puede usar el gancho require como -r @ babel / register, ej.

$node -r @babel/register executeMyFileWithESModules.js

si puede usar 'babel', intente agregar scripts de compilación en package.json (- presets = es2015) como se muestra a continuación. hace precompilar el código de importación a es2015

"build": "babel server --out-dir build --presets=es2015 && webpack"

A partir de Node.js v12 (y esto es probablemente bastante estable, pero todavía marcado como "experimental"), que tiene un par de opciones para el uso de ESM ( E CMA S cripta M odules) en Node.js (para archivos, hay una tercera forma de evaluar cadenas), esto es lo que dice la documentación :

El --experimental-modulesindicador se puede utilizar para habilitar la compatibilidad con los módulos ECMAScript (módulos ES).

Una vez habilitado, Node.js tratará lo siguiente como módulos ES cuando se les pase nodecomo entrada inicial, o cuando se haga referencia a ellos mediante importdeclaraciones dentro del código del módulo ES:

• Archivos que terminan en .mjs.

• Archivos que terminan en .js, o archivos sin extensión, cuando el package.jsonarchivo principal más cercano contiene un campo de nivel superior "type"con un valor de "module".

• Cadenas pasadas como argumento a --evalo --print, o canalizado a nodetravés STDIN, con la bandera --input-type=module.

Node.js tratará como CommonJS todas las demás formas de entrada, como los .jsarchivos donde el package.jsonarchivo principal más cercano no contiene un "type" campo de nivel superior , o la entrada de cadena sin la bandera --input-type. Este comportamiento es para preservar la compatibilidad con versiones anteriores. Sin embargo, ahora que Node.js admite los módulos CommonJS y ES, es mejor ser explícito siempre que sea posible. Node.js tratará lo siguiente como CommonJS cuando se pase nodecomo entrada inicial, o cuando se haga referencia a él mediante importdeclaraciones dentro del código del módulo ES:

• Archivos que terminan en .cjs.

• Archivos que terminan en .js, o archivos sin extensión, cuando el package.jsonarchivo principal más cercano contiene un campo de nivel superior "type"con un valor de "commonjs".

• Cadenas pasadas como argumento a --evalo --print, o canalizado a nodetravés STDIN, con la bandera --input-type=commonjs.

Cuando comencé con express siempre quise una solución para usar import en lugar de requerir

const express = require("express");
// to 
import express from "express"

Muchas veces pasan por esta línea: - Unfortunately, Node.js doesn't support ES6's import yet.

Ahora para ayudar a otros, creo dos nuevas soluciones aquí

1) esm : -

El cargador de módulos ECMAScript brillantemente simple, sin babel y sin paquete. hagámoslo funcionar

  yarn add esm / npm install esm

crea start.js o usa tu espacio de nombres

 require = require("esm")(module/*, options*/)
 // Import the rest of our application.
 module.exports = require('./src/server.js')
 // where server.js is express server start file

Cambio en su package.josncamino de paso destart.js

  "scripts": {
    "start": "node start.js",
    "start:dev": "nodemon start.js",
  },
  "dependencies": {
+    "esm": "^3.2.25",
  },
  "devDependencies": {
+   "nodemon": "^1.19.2"
  }

2) Babel js : -

Esto se puede dividir en 2 partes

a) Solución 1 gracias a timonweb.com

si) Solución 2

use Babel 6 (versión anterior de babel-preset-stage-3 ^ 6.0 ) cree el .babelrcarchivo en su carpeta raíz

{
    "presets": ["env", "stage-3"]
}

Instalar babel-preset-stage-3

yarn add babel-cli babel-polyfill babel-preset-env bable-preset-stage-3 nodemon --dev

Cambio en package.json

"scripts": {
+   "start:dev": "nodemon --exec babel-node -- ./src/index.js",
+   "start": "npm run build && node ./build/index.js",
+   "build": "npm run clean && babel src -d build -s --source-maps --copy-files",
+   "clean": "rm -rf build && mkdir build"
},
"devDependencies": {
+    "babel-cli": "^6.26.0",
+    "babel-polyfill": "^6.26.0",
+    "babel-preset-env": "^1.7.0",
+    "babel-preset-stage-3": "^6.24.1",
+    "nodemon": "^1.19.4"
},

Inicia tu servidor

yarn start / npm start

Oooh no, creamos un nuevo problema

regeneratorRuntime.mark(function _callee(email, password) {
^
ReferenceError: regeneratorRuntime is not defined

Este error solo se produce cuando usa async / await en su código. Luego use polyfill que incluye un tiempo de ejecución de regenerador personalizado y core-js. agregar encima deindex.js

import "babel-polyfill"

Esto le permite usar async / await

usar Babel 7

Necesita actualizar cada cosa en su proyecto, comencemos con babel 7 .babelrc

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

Algún cambio en package.json

"scripts": {
+  "start:dev": "nodemon --exec babel-node -- ./src/index.js",
+  "start": "npm run build && node ./build/index.js",
+  "build": "npm run clean && babel src -d build -s --source-maps --copy-files",
+  "clean": "rm -rf build && mkdir build",
    ....
}
"devDependencies": {
+   "@babel/cli": "^7.0.0",
+   "@babel/core": "^7.6.4",
+   "@babel/node": "^7.0.0",
+   "@babel/polyfill": "^7.0.0",
+   "@babel/preset-env": "^7.0.0",
+   "nodemon": "^1.19.4"
....
}

y usar import "@babel/polyfill"en el punto de inicio

import "@babel/polyfill"
import express from 'express'
const app = express()

//GET request
app.get('/', async (req, res) {
  // await operation
  res.send('hello world')
})
app.listen(4000, () => console.log('🚀 Server listening on port 400!'))

¿Estás pensando por qué? start:dev

Seriamente. Es buena pregunta si eres nuevo. Cada cambio que se hace con el servidor de inicio cada vez que se usa yarn start:devcomo servidor de desarrollo, cada cambio reinicia el servidor automáticamente para obtener más información sobre nodemon

En mi caso, estaba cuidando el .babelrcarchivo, y debería contener algo como esto:

{
  "presets": ["es2015-node5", "stage-3"],
  "plugins": []
}