SyntaxError: Importanweisung kann nicht außerhalb eines Moduls verwendet werden

Ich habe ein ApolloServer-Projekt, das mir Probleme bereitet. Daher dachte ich, ich könnte es aktualisieren und stieß bei der Verwendung des neuesten Babel auf Probleme. Meine "index.js" ist:

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

Und wenn ich es ausführe, erhalte ich den Fehler "SyntaxError: Importanweisung kann nicht außerhalb eines Moduls verwendet werden". Zuerst habe ich versucht, TPTB * davon zu überzeugen, dass dies ein Modul ist (ohne Erfolg). Also habe ich den "Import" in "Require" geändert und das hat funktioniert.

Aber jetzt habe ich ungefähr zwei Dutzend "Importe" in andere Dateien, die mir den gleichen Fehler geben.

* Ich bin sicher, die Wurzel meines Problems ist, dass ich nicht einmal sicher bin, was sich über das Problem beschwert. Ich nahm an, dass es Babel 7 war (da ich von Babel 6 komme und die Voreinstellungen ändern musste), bin mir aber nicht 100% sicher.

Das meiste, was ich für Lösungen gefunden habe, scheint nicht auf Straight Node zuzutreffen. Wie dieser hier:

ES6-Modul Import mit "Ungefangener SyntaxError: Unerwarteter Bezeichner"

Sagt, es wurde durch Hinzufügen von "type = module" behoben, aber dies würde normalerweise in den HTML-Code gehen, von dem ich keinen habe. Ich habe auch versucht, die alten Voreinstellungen meines Projekts zu verwenden:

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

Aber das bringt mir einen weiteren Fehler: "Fehler: Plugin / Preset-Dateien dürfen keine Objekte exportieren, sondern nur Funktionen."

UPDATE: Hier sind die Abhängigkeiten, mit denen ich begonnen habe:

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

Update 2020 (Knoten 13.2.0+)

Stellen Sie sicher, dass Sie die neueste Version von Node installiert haben. Die --experimental-modulesFlagge ist nicht mehr erforderlich. Führen Sie einfach einen der folgenden Schritte aus :

• In "type": "module"zum nächstgelegenen Eltern package.json. Damit werden alle .jsund .mjsDateien als ES-Module interpretiert. Sie können einzelne Dateien mithilfe der .cjsErweiterung als CommonJS interpretieren .

ODER

• Benennen Sie Dateien explizit mit der .mjsErweiterung. Alle anderen Dateien, z. B. .jswerden als CommonJS interpretiert. Dies ist die Standardeinstellung, wenn sie typenicht in definiert ist package.json.

Laut dem offiziellen Dokument ( https://nodejs.org/api/esm.html#esm_code_import_code_statements ):

Importanweisungen sind nur in ES-Modulen zulässig. Ähnliche Funktionen in CommonJS finden Sie unter import ().

Damit Node Ihre Datei als ES-Modul behandelt, müssen Sie Folgendes tun ( https://nodejs.org/api/esm.html#esm_enabling ):

• Fügen Sie "type": "module" zu package.json hinzu
• Fügen Sie dem Knotenaufruf das Flag "--experimental-modules" hinzu

Ich hatte das gleiche Problem und das Folgende hat es behoben (unter Verwendung von Knoten 12.13.1):

• Ändern Sie die Dateierweiterung .js in .mjs
• Fügen Sie beim Ausführen Ihrer App das Flag --experimental-modules hinzu.
• Optional: Fügen Sie "type": "module" in Ihre package.json ein

Weitere Informationen: https://nodejs.org/api/esm.html

Ich hatte dieses Problem in einem jungen Express-API-Projekt.

Der fehlerhafte Servercode in 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...'));

Hier waren meine Abhängigkeiten:

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

Und hier war der Läufer, der den Fehler geworfen hat:

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

Das war frustrierend, da ich ein ähnliches Express-Projekt hatte, das gut funktionierte.

Die Lösung bestand zunächst darin, diese Abhängigkeit hinzuzufügen:

npm install @babel/preset-env

Und dann, um es mit einem babel.config.jsim Projektstamm zu verdrahten :

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

Ich weiß nicht genau, warum das funktioniert, aber ich habe es aus einer maßgeblichen Quelle kopiert , deshalb bleibe ich gerne dabei.

1. Ich hatte das gleiche Problem, als ich anfing, babel zu verwenden ... Aber später hatte ich eine Lösung ... Ich hatte das Problem bisher nicht mehr ... Derzeit Node v12.14.1, "@ babel / node" : "^ 7.8.4", ich benutze Babel-Node und Nodemon zum Ausführen (Node ist auch in Ordnung ..)
2. package.json: "start": "nodemon --exec babel-node server.js" debug ":" babel-node debug server.js "!! Hinweis: server.js ist meine Eingabedatei, Sie können Ihre verwenden.
3. launch.json Beim Debuggen müssen Sie auch Ihre launch.json-Datei "runtimeExecutable" konfigurieren: "$ {workspaceRoot} /node_modules/.bin/babel-node" !! Hinweis: plus runtimeExecutable in der Konfiguration.
4. Natürlich benötigen und bearbeiten Sie mit babel-node normalerweise auch eine andere Datei, z. B. die Datei babel.config.js / .babelrc

Meine Lösung bestand darin, den Pfad für den Babel-Knoten beim Ausführen von nodemon wie folgt einzuschließen:

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

Sie können in Ihrem package.json-Skript Folgendes hinzufügen:

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

HINWEIS: Meine Eingabedatei lautet index.js. Ersetzen Sie sie durch Ihre Eingabedatei (viele haben app.js / server.js).