Sözdizimi Hatası: İçe aktarma ifadesi modül dışında kullanılamaz

Bana sorun veren bir ApolloServer projem var, bu yüzden onu güncelleyebileceğimi ve en son Babel'i kullanırken sorunlarla karşılaşabileceğimi düşündüm. Benim "index.js":

require('dotenv').config()
import {startServer} from './server'
startServer()

Ve çalıştırdığımda "SyntaxError: import ifadesi modül dışında kullanılamıyor" hatası alıyorum. İlk olarak TPTB * 'yi bu modülün (başarılı olmayan) olduğuna ikna etmek için bir şeyler yapmaya çalıştım. Bu yüzden "içe aktarma" yı bir "zorunlu" olarak değiştirdim ve bu işe yaradı.

Ama şimdi bana aynı hatayı veren diğer dosyalarda yaklaşık iki düzine "ithalat" var.

* Eminim sorunumun kökeni, bu konuda neyin şikayet ettiğinden bile emin olmam. Babil 7 olduğunu varsaydım (Babel 6'dan geliyorum ve ön ayarları değiştirmek zorunda kaldım çünkü)% 100 emin değilim.

Çözümler için bulduğum şeylerin çoğu düz Düğüm için geçerli görünmüyor. Buradaki gibi:

"Yakalanmamış Sözdizimi Hatası: Beklenmeyen tanımlayıcı" veren ES6 modülü içe aktarma

"Type = module" eklenerek çözüldüğünü söylüyor, ancak bu genellikle HTML'de yok, ki hiçbiri yok. Ayrıca projemin eski hazır ayarlarını kullanmayı denedim:

"presets": ["es2015", "stage-2"],
"plugins": []

Ancak bu bana başka bir hata veriyor: "Hata: Eklenti / Hazır Ayar dosyalarının nesneleri dışa aktarmasına izin verilmiyor, sadece işlevler."

GÜNCELLEME: İşte başladığım bağımlılıklar:

"dependencies": {
"@babel/polyfill": "^7.6.0",
"apollo-link-error": "^1.1.12",
"apollo-link-http": "^1.5.16",
"apollo-server": "^2.9.6",
"babel-preset-es2015": "^6.24.1",

2020 Güncellemesi (Düğüm 13.2.0+)

Düğümün en son sürümünün yüklü olduğunu doğrulayın. --experimental-modulesBayrak artık gerekli değildir. Basitçe yapmak aşağıdakilerden biri :

• "type": "module"En yakın ebeveyne ekleyin package.json. Bu, tüm .jsve .mjsdosyalar ES modül olarak yorumlanır. Uzantıyı kullanarak tek tek dosyaları CommonJS olarak yorumlayabilirsiniz .cjs.

VEYA

• Uzantıya sahip dosyaları açıkça adlandırın .mjs. Gibi diğer tüm dosyalar, tanımlanmamışsa .jsvarsayılan olan CommonJS olarak yorumlanacaktır .typepackage.json

Resmi dokümana göre ( https://nodejs.org/api/esm.html#esm_code_import_code_statements ):

içe aktarma ifadelerine yalnızca ES modüllerinde izin verilir. CommonJS'deki benzer işlevler için bkz. İmport ().

Düğümün dosyanızı ES modülü olarak işlemesi için ( https://nodejs.org/api/esm.html#esm_enabling ):

• package.json dosyasına "type": "module" ekleyin
• düğüm çağrısına "- deneysel modüller" bayrağı ekleme

Ben aynı sorunu vardı ve aşağıdaki (12.13.1 düğümü kullanarak) düzeltti:

• .Js dosya uzantısını .mjs olarak değiştirin
• Uygulamanızı çalıştırdıktan sonra - deneysel modüller bayrağı ekleyin.
• İsteğe bağlı: paketinize "type": "module" ekleyin .json

daha fazla bilgi: https://nodejs.org/api/esm.html

Bu sorun, yeni başlayan bir Express API projesinde yaşadım.

Sorunlu sunucu kodu src/server/server.js:

import express from 'express';
import {initialDonationItems, initialExpenditureItems} from "./DemoData";

const server = express();

server.get('/api/expenditures', (req, res) => {
  res.type('json');
  res.send(initialExpenditureItems);
});

server.get('/api/donations', (req, res) => {
  res.type('json');
  res.send(initialDonationItems);
});

server.listen(4242, () => console.log('Server is running...'));

İşte bağımlılıklarım:

{
  "name": "contributor-api",
  "version": "0.0.1",
  "description": "A Node backend to provide storage services",
  "scripts": {
    "dev-server": "nodemon --exec babel-node src/server/server.js --ignore dist/",
    "test": "jest tests"
  },
  "license": "ISC",
  "dependencies": {
    "@babel/core": "^7.9.6",
    "@babel/node": "^7.8.7",
    "babel-loader": "^8.1.0",
    "express": "^4.17.1",
    "mysql2": "^2.1.0",
    "sequelize": "^5.21.7",
    "sequelize-cli": "^5.5.1"
  },
  "devDependencies": {
    "jest": "^25.5.4",
    "nodemon": "^2.0.3"
  }
}

Ve işte hatayı atan koşucu:

nodemon --exec babel-node src/server/server.js --ignore dist

İyi çalışan benzer bir Express projem olduğu için bu sinir bozucuydu.

Çözüm öncelikle bu bağımlılığı eklemekti:

npm install @babel/preset-env

Ve sonra babel.config.jsproje kökünde bir kullanarak tel bağlamak için :

module.exports = {
  presets: ['@babel/preset-env'],
};

Bunun neden işe yaradığını tam olarak bilmiyorum, ancak yetkili bir kaynaktan kopyaladım , bu yüzden ona bağlı kaldığım için mutluyum.

1. Babil kullanmaya başladığımda da aynı problemi yaşadım ... Ama sonra bir çözümüm vardı ... Şimdiye kadar problemim olmadı ... Şu anda, Düğüm v12.14.1, "@ babel / düğüm" : "^ 7.8.4", yürütmek için babel-node ve nodemon kullanıyorum (node ​​da iyi ..)
2. package.json: "start": "nodemon --exec babel-node server.js" debug ":" babel-node debug server.js "!! not: server.js benim giriş dosyam, sizinkini kullanabilirsiniz.
3. launch.json Hata ayıkladığınızda, launch.json dosyanızı "runtimeExecutable" olarak da yapılandırmanız gerekir: "$ {workspaceRoot} /node_modules/.bin/babel-node" !! note: plus runtime
4. Tabii ki, babel-node ile normalde babel.config.js / .babelrc dosyası gibi başka bir dosyayı da düzenlemeniz ve düzenlemeniz gerekir.

Benim çözümüm, nodemon'u aşağıdaki gibi çalıştırırken babil-nod yolunu eklemekti:

nodemon node_modules/.bin/babel-node index.js

package.json betiğinize şu şekilde ekleyebilirsiniz:

debug: nodemon node_modules/.bin/babel-node index.js

Not: benim giriş dosya index.js yerine giriş dosyanız (birçoğu app.js / server.js var).