Ketika saya mulai dengan express selalu menginginkan solusi untuk menggunakan impor bukannya memerlukan
const express = require("express");
// to
import express from "express"
Banyak waktu melewati baris ini: - Unfortunately, Node.js doesn't support ES6's import yet.
Sekarang untuk membantu yang lain, saya membuat dua solusi baru di sini
1) ESM : -
Pemuat modul ECMAScript yang sederhana, tanpa label, tanpa bundel. mari kita membuatnya bekerja
yarn add esm / npm install esm
buat start.js atau gunakan namespace Anda
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
Ubah package.josn
jalur pass Anda daristart.js
"scripts": {
"start": "node start.js",
"start:dev": "nodemon start.js",
},
"dependencies": {
+ "esm": "^3.2.25",
},
"devDependencies": {
+ "nodemon": "^1.19.2"
}
2) Babel js : -
Ini dapat dibagi menjadi 2 bagian
a) Solusi 1 berkat timonweb.com
b) Solusi 2
gunakan Babel 6 (versi lama dari babel-preset-stage-3 ^ 6.0 ) buat .babelrc
file di folder root Anda
{
"presets": ["env", "stage-3"]
}
Instal babel-preset-stage-3
yarn add babel-cli babel-polyfill babel-preset-env bable-preset-stage-3 nodemon --dev
Ubah package.json
"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"
},
Mulai server Anda
yarn start / npm start
Oooh tidak, kami menciptakan masalah baru
regeneratorRuntime.mark(function _callee(email, password) {
^
ReferenceError: regeneratorRuntime is not defined
Kesalahan ini hanya terjadi ketika Anda menggunakan async / menunggu dalam kode Anda. Kemudian gunakan polyfill yang menyertakan runtime regenerator kustom dan core-js. tambahkan di atasindex.js
import "babel-polyfill"
Ini memungkinkan Anda untuk menggunakan async / menunggu
gunakan Babel 7
Perlu memperbarui setiap hal dalam proyek Anda, mari kita mulai dengan babel 7 .babelrc
{
"presets": ["@babel/preset-env"]
}
Beberapa perubahan pada package.json
"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"
....
}
dan gunakan import "@babel/polyfill"
pada titik awal
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!'))
Apakah kamu berpikir mengapa start:dev
Serius. Ini pertanyaan yang bagus jika Anda baru. Setiap perubahan Anda babi dengan server mulai setiap kali kemudian digunakan yarn start:dev
sebagai server pengembangan setiap perubahan restart server secara otomatis untuk lebih lanjut tentang nodemon