SyntaxError: Import-Anweisung kann nicht außerhalb eines Moduls verwendet werden

Ich habe eine ApolloServer Projekt, das mir Probleme bereitet, also dachte ich, ich könnte es aktualisieren und stieß auf Probleme, als ich das neueste Babel verwendete. Meine “index.js” ist:

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

Und wenn ich es ausführe, bekomme ich den Fehler

SyntaxError: Cannot use import statement outside a module

Zuerst habe ich versucht, TPTB* davon zu überzeugen, dass dies ein Modul ist (ohne Erfolg). Also habe ich das “importieren” zu einem “benötigen„Und das hat funktioniert.

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

* Ich bin mir sicher, dass die Wurzel meines Problems darin besteht, dass ich nicht einmal sicher bin, was mich über das Problem beschwert. Ich habe irgendwie angenommen, dass es Babel 7 war (da ich von Babel 6 komme und die Voreinstellungen ändern musste), aber ich bin mir nicht 100% sicher.

Das meiste, was ich für Lösungen gefunden habe, scheint nicht für Straight Node zu gelten. So wie dieser hier:

Import des ES6-Moduls mit “Uncaught SyntaxError: Unexpected identifier”

Sagt, es wurde durch Hinzufügen von “type=module” gelöst, 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, nur Funktionen.”

Hier sind die Abhängigkeiten, mit denen ich angefangen 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",

Stellen Sie sicher, dass Sie die neueste Version von Node.js installiert haben (oder mindestens 13.2.0+). Führen Sie dann einen der folgenden Schritte aus, z in der Dokumentation beschrieben:

Option 1

Im nächsten Elternteil package.json Datei, fügen Sie die oberste Ebene hinzu "type" Feld mit einem Wert von "module". Dadurch wird sichergestellt, dass alle .js und .mjs Dateien werden als ES-Module interpretiert. Sie können einzelne Dateien als interpretieren CommonJS durch die Verwendung der .cjs Verlängerung.

// package.json
{
  "type": "module"
}

Option 2

Benennen Sie Dateien explizit mit der .mjs Verlängerung. Alle anderen Dateien, wie z .js wird als CommonJS interpretiert, was die Standardeinstellung ist, wenn type ist nicht definiert in package.json.

Falls jemand auf dieses Problem stößt Typoskriptder Schlüssel zur Lösung war für mich die Veränderung

    "target": "esnext",
    "module": "esnext",

zu

    "target": "esnext",
    "module": "commonjs",

In meinem tsconfig.json. Ich hatte den Eindruck “esnext” war das “beste”, aber das war nur ein Fehler.

Für diejenigen, die beim Lesen der Antworten genauso verwirrt waren wie ich, fügen Sie in Ihrer Datei package.json hinzu
"type": "module"
in der oberen ebene wie unten gezeigt:

{
  "name": "my-app",
  "version": "0.0.0",
  "type": "module",
  "scripts": { ...
  },
  ...
}

Entsprechend die offizielle Dokumentation:

import-Anweisungen sind nur in ES-Modulen erlaubt. Eine ähnliche Funktionalität in CommonJS finden Sie unter import().

Damit Node.js Ihre Datei als ES-Modul behandelt, müssen Sie (Aktivieren):

• fügen Sie “type”: “module” zu package.json hinzu
• Fügen Sie dem Node.js-Aufruf das Flag „–experimental-modules“ hinzu

Ich bin auf das gleiche Problem gestoßen und es ist noch schlimmer: Ich brauchte sowohl “Import” als auch “Require”.

1. Einige neuere ES6-Module funktionieren nur mit importieren.
2. Etwas CommonJS arbeitet mit benötigen.

Hier ist, was für mich funktioniert hat:

1. Verwandeln Sie Ihre js-Datei in .mjs, wie in anderen Antworten vorgeschlagen

2. “require” ist nicht mit dem ES6-Modul definiert, also können Sie es so definieren:

   import { createRequire } from 'module'
   const require = createRequire(import.meta.url);
   

   Jetzt kann ‘require’ wie gewohnt verwendet werden.

3. Verwenden importieren für ES6-Module u benötigen für CommonJS.

Einige nützliche Links: Eigene Dokumentation von Node.js. Unterschied zwischen import und require. Mozilla hat eine nette Dokumentation zum Import

Ich hatte das gleiche Problem und das Folgende hat es behoben (mit Node.js 12.13.1):

• Ändern .js Dateiendung zu .mjs
• Addieren --experimental-modules Flag beim Ausführen Ihrer App.
• Optional: hinzufügen "type": "module" in deiner package.json

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

Zuerst installieren wir @babel/cli, @babel/core and @babel/preset-env:

npm install --save-dev @babel/cli @babel/core @babel/preset-env

Dann erstellen wir eine .babelrc Datei zum Konfigurieren Babel:

touch .babelrc

Dies wird alle Optionen hosten, mit denen wir Babel konfigurieren möchten:

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

Mit den jüngsten Änderungen an Babel müssen Sie Ihre transpilieren ES6 bevor Node.js es ausführen kann.

Also fügen wir unser erstes Skript, build, in der Datei hinzu Paket.json.

"scripts": {
  "build": "babel index.js -d dist"
}

Dann fügen wir unser Startskript in die Datei ein Paket.json.

"scripts": {
  "build": "babel index.js -d dist", // replace index.js with your filename
  "start": "npm run build && node dist/index.js"
}

Jetzt starten wir unseren Server.

npm start