SyntaxError: ไม่สามารถใช้คำสั่งนำเข้านอกโมดูล

ฉันมีโครงการ ApolloServer ที่ทำให้ฉันมีปัญหาดังนั้นฉันจึงคิดว่าฉันอาจอัปเดตและพบปัญหาเมื่อใช้ Babel ล่าสุด "index.js" ของฉันคือ:

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

และเมื่อฉันเรียกใช้ฉันได้รับข้อผิดพลาด "SyntaxError: ไม่สามารถใช้คำสั่งนำเข้านอกโมดูล" ก่อนอื่นฉันพยายามทำสิ่งต่าง ๆ เพื่อโน้มน้าวใจ TPTB * ว่านี่เป็นโมดูล (ไม่สำเร็จ) ดังนั้นฉันจึงเปลี่ยน "นำเข้า" เป็น "ต้องการ" และใช้งานได้

แต่ตอนนี้ฉันมี "การนำเข้า" ประมาณสองโหลในไฟล์อื่นทำให้ฉันมีข้อผิดพลาดเดียวกัน

* ฉันแน่ใจว่าสาเหตุของปัญหาคือฉันไม่แน่ใจด้วยซ้ำว่ามีอะไรบ่นเกี่ยวกับปัญหานี้ ฉันคิดว่ามันคือบาเบล 7 (ตั้งแต่ฉันมาจากบาเบล 6 และฉันต้องเปลี่ยนค่าที่ตั้งไว้ล่วงหน้า) แต่ฉันไม่แน่ใจ 100%

สิ่งที่ฉันพบวิธีแก้ปัญหาส่วนใหญ่ดูเหมือนจะไม่ใช้กับโหนดตรง ชอบอันนี้ที่นี่:

โมดูล ES6 นำเข้าที่ให้ "Uncaught SyntaxError: ตัวระบุที่ไม่คาดคิด"

บอกว่ามันได้รับการแก้ไขโดยการเพิ่ม "type = module" แต่โดยทั่วไปแล้วสิ่งนี้จะอยู่ใน HTML ซึ่งฉันไม่มีเลย ฉันได้ลองใช้การตั้งค่าล่วงหน้าของโครงการแล้ว:

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

แต่นั่นทำให้ฉันเกิดข้อผิดพลาดอีกครั้ง: "ข้อผิดพลาด: ไฟล์ปลั๊กอิน / ที่ตั้งไว้ล่วงหน้าไม่ได้รับอนุญาตให้ส่งออกวัตถุเพียงฟังก์ชั่นเท่านั้น"

UPDATE: นี่คือการอ้างอิงที่ฉันเริ่มต้นด้วย:

"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 Update (โหนด 13.2.0+)

ตรวจสอบว่าคุณได้ติดตั้งโหนดเวอร์ชันล่าสุด --experimental-modulesธงไม่จำเป็น ทำอย่างใดอย่างหนึ่งต่อไปนี้ :

• เพิ่มไปยังผู้ปกครองที่ใกล้ที่สุด"type": "module" package.jsonด้วยวิธีนี้ทั้งหมด.jsและ.mjsไฟล์จะถูกตีความเป็นโมดูล ES คุณสามารถตีความแต่ละไฟล์เป็น CommonJS โดยใช้.cjsส่วนขยาย

หรือ

• อย่างชัดเจนชื่อไฟล์ที่มี.mjsนามสกุล ไฟล์อื่นทั้งหมดเช่น.jsจะถูกตีความเป็น CommonJS ซึ่งเป็นค่าเริ่มต้นหากtypepackage.jsonไม่ได้กำหนดใน

ตามเอกสารอย่างเป็นทางการ ( https://nodejs.org/api/esm.html#esm_code_import_code_statements ):

คำสั่งนำเข้าได้รับอนุญาตเฉพาะในโมดูล ES สำหรับฟังก์ชันการทำงานที่คล้ายกันใน CommonJS โปรดดูที่การนำเข้า ()

ในการทำให้โหนดปฏิบัติต่อไฟล์ของคุณเป็นโมดูล ES คุณต้อง ( https://nodejs.org/api/esm.html#esm_enabling ):

• เพิ่ม "type": "module" ไปยัง package.json
• เพิ่มแฟล็ก "--experimental-modules" ไปยังการเรียกโหนด

ฉันมีปัญหาเดียวกันและต่อไปนี้แก้ไขได้ (โดยใช้โหนด 12.13.1):

• เปลี่ยนนามสกุลไฟล์. js เป็น. mjs
• เพิ่ม - ตั้งค่าสถานะโมดูลเมื่อเรียกใช้แอปของคุณ
• ทางเลือก: เพิ่ม "type": "module" ใน package.json ของคุณ

ข้อมูลเพิ่มเติม: https://nodejs.org/api/esm.html

ฉันมีปัญหานี้ในโครงการ Express API ที่มีประสบการณ์

รหัสเซิร์ฟเวอร์ที่ละเมิดใน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...'));

นี่คือการพึ่งพาของฉัน:

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

และนี่คือนักวิ่งที่ทำให้เกิดข้อผิดพลาด:

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

มันน่าผิดหวังเพราะฉันมีโครงการ Express ที่คล้ายกันซึ่งใช้งานได้ดี

วิธีแก้ไขปัญหาแรกเพิ่มการพึ่งพานี้:

npm install @babel/preset-env

จากนั้นให้ทำการโยงโดยใช้ a babel.config.jsในรูทโปรเจ็กต์:

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

ฉันไม่เข้าใจว่าทำไมงานนี้ถึงสมบูรณ์ แต่ฉันคัดลอกมาจากแหล่งที่เชื่อถือได้ดังนั้นฉันจึงดีใจที่ติดกับมัน

1. ฉันมีปัญหาเดียวกันเมื่อฉันเริ่มใช้ babel ... แต่ต่อมาฉันมีวิธีแก้ปัญหา ... ฉันไม่ได้มีปัญหาอีกต่อไปจนถึงตอนนี้ ... ปัจจุบันโหนด v12.14.1, "@ babel / node" : "^ 7.8.4" ฉันใช้ babel-node และ nodemon เพื่อดำเนินการ (โหนดก็ใช้ได้เช่นกัน .. )
2. package.json: "start": "nodemon --exec babel-node server.js" debug ":" babel-node debug server.js "!! note: server.js เป็นไฟล์บันทึกของฉันคุณสามารถใช้ของคุณได้
3. launch.jsonเมื่อคุณดีบักคุณต้องกำหนดค่าไฟล์ launch.json ของคุณ "runtimeExecutable": "$ {workspaceRoot} /node_modules/.bin/babel-node" !!
4. แน่นอนว่าด้วย babel-node โดยปกติแล้วคุณจะต้องใช้และแก้ไขไฟล์อื่นเช่น babel.config.js / .babelrc

วิธีแก้ปัญหาของฉันคือการรวมเส้นทางของ babel-node ขณะที่เรียกใช้ nodemon ดังนี้

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

คุณสามารถเพิ่มสคริปต์ package.json ของคุณเป็น:

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

หมายเหตุ: ไฟล์รายการของฉันคือindex.jsแทนที่ด้วยไฟล์รายการของคุณ (หลายคนมี app.js / server.js)