Node.js - Sözdizimi Hatası: Beklenmeyen simge içe aktarma

Neyin yanlış olduğunu anlamıyorum. Düğüm v5.6.0 NPM v3.10.6

Kod:

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

Hata:

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

Güncelleştirme 3: Düğüm 13'ten bu yana , .mjs uzantısını kullanabilir veya package.json dosyasında "type": "module" ayarını kullanabilirsiniz. Sen yok kullanmak gerekir --experimental-modulesbayrağı.

Güncelleştirme 2: Düğüm 12'den bu yana , .mjsuzantıyı kullanabilir veya "type": "module"paketinizde ayarlayabilirsiniz . Json. Ve --experimental-modulesbayrakla düğüm çalıştırmanız gerekiyor .

Güncelleme: In Düğüm 9 , bir bayrak arkasında etkin ve kullanır .mjsuzantısı.

node --experimental-modules my-app.mjs

importGerçekten de ES6'nın bir parçası olsa da, ne yazık ki NodeJS'de varsayılan olarak henüz desteklenmemektedir ve tarayıcılarda çok yakın zamanda destek almıştır.

Bkz MDN'yi tarayıcı compat tablosunu ve bu Düğüm sorunu .

Node.js'deki James M Snell'in ES6 Modülleri Güncellemesinden (Şubat 2017):

İşler sürüyor ama biraz zaman alacak - Şu anda en azından bir yıla bakıyoruz.

Destek yerel olarak görünene kadar klasik requireifadeleri kullanmaya devam etmeniz gerekir :

const express = require("express");

NodeJS'de gerçekten yeni ES6 / 7 özelliklerini kullanmak istiyorsanız, Babel'i kullanarak derleyebilirsiniz. İşte bir örnek sunucu .

Ne yazık ki, Node.js importhenüz ES6'ları desteklemiyor .

Yapmaya çalıştığınız şeyi gerçekleştirmek için (Express modülünü içe aktarın), bu kod yeterli olmalıdır

var express = require("express");

Ayrıca, çalıştırarak Express'in yüklü olduğundan emin olun

$ npm install express

Node.js'yi öğrenmek hakkında daha fazla bilgi için Node.js Dokümanlarına bakın.

Diğer yanıtlarda belirtildiği gibi, Node JS şu anda ES6 ithalatını desteklememektedir.

(Şu andan itibaren EDIT 2'yi okuyun)

Js düğümünde ES6 içe aktarmayı etkinleştir bu soruna bir çözüm sağlar. Bunu denedim ve benim için çalıştı.

Komutu çalıştırın:

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

Şimdi yeni bir dosya (config.js) oluşturmanız ve bu dosyaya aşağıdaki kodu eklemeniz gerekir.

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

Artık herhangi bir hata almadan import ifadeleri yazabilirsiniz.

Bu yardımcı olur umarım.

DÜZENLE:

Yukarıdaki kodla oluşturduğunuz yeni dosyayı çalıştırmanız gerekir. Benim durumumda öyleydi config.js. Bu yüzden koşmam gerekiyor:

    node config.js

DÜZENLEME 2:

Deneme yaparken, bu soruna kolay bir çözüm buldum.

.babelrcProjenizin kök dizininde dosya oluşturun .

Aşağıdakileri ekleyin (ve ihtiyacınız olan diğer babel hazır ayarları bu dosyaya eklenebilir):

    {
        "presets": ["env"]
    }

babel-preset-envKomut kullanarak yükle npm install babel-preset-env --saveve ardından babel-clikomut kullanarak yüklenpm install babel-cli -g --save

Şimdi sunucunuzun veya dizin dosyanızın bulunduğu klasöre gidin ve şunu kullanarak çalıştırın: babel-node fileName.js

Veya dosyanıza npm startaşağıdaki kodu ekleyerek kullanabilirsiniz package.json:

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

Hata: Sözdizimi Hatası: Beklenmedik belirteç içe aktarma veya Sözdizimi Hatası: Beklenmedik belirteç dışa aktarma

Çözüm: Tüm içe aktarmalarınızı örnek olarak değiştirin

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

Ve ayrıca değiştirmek export default = foo;Tomodule.exports = foo;

Şok olduğum esmsöylenmedi. Bu küçük ama güçlü paket ya importda kullanmanıza izin verir require.

Projenize esm yükleyin

$ npm install --save esm

Düğüm Başlatma Komut Dosyanızı esm kullanmak üzere güncelleyin

node -r esm app.js

esmsadece çalışır. Bir TON ile zaman harcadım .mjsve --experimental-modulessadece bir .mjsdosyayı bulmak için requireveya kullanan bir dosyayı alamaz module.exports. Bu çok büyük bir sorundu, oysa esmkarıştırmanıza ve eşleştirmenize izin veriyor ve sadece çözüyor ... esmsadece çalışıyor.

Hala "import" kullanamıyorsanız işte ben nasıl ele: Sadece bir düğüm dostu gerektirir çevirmek. Misal:

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

Aynıdır:

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

babel 7 teklifi dev bağımlılıkları ekleyebilir

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

ve kök dizinine bir .babelrc ekleyin

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

ve .js dosyasına ekleyin

require("@babel/register")

ya da klibi çalıştırırsanız, gerekli kanca -r @ babel / register olarak kullanabilirsiniz, örn.

$node -r @babel/register executeMyFileWithESModules.js

'babel' kullanabiliyorsanız, aşağıdaki gibi package.json (- presets = es2015) dizinine komut dosyaları eklemeyi deneyin. ithalat kodunu es2015'e önceden derlemek

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

Node.js v12'den itibaren (ve bu muhtemelen oldukça kararlı, ancak yine de "deneysel" olarak işaretlenmiş), Node.js'de ESM ( E CMA S cript M odules) kullanmak için birkaç seçeneğiniz var (dosyalar için, dizeleri değerlendirmenin üçüncü yolu), dokümantasyon şöyle diyor:

--experimental-modulesBayrak ECMAScript modüllerinin (ES modüller) için destek sağlamak için kullanılabilir.

Etkinleştirildiğinde, Node.js nodeilk giriş olarak iletildiğinde veya importES modül kodundaki ifadelerle başvurulduğunda aşağıdakileri ES modülleri olarak ele alır :

• İle biten dosyalar .mjs.

• .jsEn yakın üst package.jsondosya "type"değeri olan bir üst düzey alan içerdiğinde , biten dosyalar veya uzantısız dosyalar "module".

• Yaylı bir bağımsız değişken olarak geçirilen --evalya da --print, ya da borulu nodeile STDINbayrak, --input-type=module.

Node.js, .jsen yakın üst package.jsondosyanın üst düzey "type" alan içermediği dosyalar veya bayraksız dize girdisi gibi diğer tüm girdi biçimlerini CommonJS olarak kabul eder --input-type. Bu davranış, geriye dönük uyumluluğu korumaktır. Ancak, Node.js artık hem CommonJS hem de ES modüllerini desteklediğine göre, mümkün olduğunda açık olmak en iyisidir. Node.js node, ilk girdi olarak iletildiğinde veya importES modül kodundaki ifadelerle başvurulduğunda aşağıdakileri CommonJS olarak ele alır :

• İle biten dosyalar .cjs.

• .jsEn yakın üst package.jsondosya "type"değeri olan bir üst düzey alan içerdiğinde , biten dosyalar veya uzantısız dosyalar "commonjs".

• Yaylı bir bağımsız değişken olarak geçirilen --evalya da --print, ya da borulu nodeile STDINbayrak, --input-type=commonjs.

Express ile başladığımda her zaman ithalat kullanmak için bir çözüm istedi

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

Birçok zaman bu çizgiden geçiyor: - Unfortunately, Node.js doesn't support ES6's import yet.

Şimdi diğerlerine yardım etmek için burada yeni iki çözüm üretiyorum

1) esm : -

Zekice basit, babasız, demetsiz ECMAScript modül yükleyici. hadi çalışmasını sağlayalım

  yarn add esm / npm install esm

start.js oluşturun veya ad alanınızı kullanın

 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

package.josnGeçiş yolunuzdaki değişiklikstart.js

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

2) Babil js : -

Bu 2 kısma ayrılabilir

a) timonweb.com sayesinde çözüm 1

b) Çözüm 2

Babel 6'yı kullanın ( babel-preset-stage-3 ^ 6.0'ın eski sürümü ) .babelrckök klasörünüzde dosya oluşturun

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

Babel-preset-stage-3 yazılımını yükleyin

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

Package.json dosyasındaki değişiklik

"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"
},

Sunucunuzu başlatın

yarn start / npm start

Oooh hayır yeni bir problem yaratıyoruz

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

Bu hata yalnızca kodunuzda async / await kullandığınızda gelir. Sonra özel bir rejeneratör çalışma zamanı ve core-js içeren çoklu dolgu kullanın. üstüne ekleindex.js

import "babel-polyfill"

Bu, zaman uyumsuz / beklemede kullanmanızı sağlar

Kullanım Babel 7

Projenizdeki her şeyin babel 7 .babelrc ile başlamasına izin vermeniz gerekiyor

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

Package.json dosyasında bazı değişiklikler

"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"
....
}

ve import "@babel/polyfill"başlangıç ​​noktasında kullanın

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!'))

Neden olduğunu düşünüyor musun start:dev

Ciddi anlamda. Eğer yeniyseniz iyi bir soru. Her seferinde başlangıç ​​sunucusu ile domuzu yaptığınız her değişiklik yarn start:dev, geliştirme sunucusu olarak her değişiklik sunucusunu otomatik olarak yeniden başlatır.

Benim durumumda .babelrcdosya bakıyordu ve böyle bir şey içermelidir:

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