Quando eu comecei com o express, sempre quis uma solução para usar a importação, em vez de exigir
const express = require("express");
// to
import express from "express"
Muitas vezes passam por esta linha: - Unfortunately, Node.js doesn't support ES6's import yet.
Agora, para ajudar outros, crio novas duas soluções aqui
1) esm : -
O carregador de módulo ECMAScript brilhantemente simples, sem babel e sem pacote. vamos fazer funcionar
yarn add esm / npm install esm
crie start.js ou use seu espaço para nome
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
Mudança no seu package.josn
caminho de passagem destart.js
"scripts": {
"start": "node start.js",
"start:dev": "nodemon start.js",
},
"dependencies": {
+ "esm": "^3.2.25",
},
"devDependencies": {
+ "nodemon": "^1.19.2"
}
2) Babel js : -
Isso pode ser dividido em 2 partes
a) Solução 1 graças a timonweb.com
b) Solução 2
use Babel 6 (versão mais antiga do babel-preset-stage-3 ^ 6.0 ) crie um .babelrc
arquivo na sua pasta raiz
{
"presets": ["env", "stage-3"]
}
Instale o babel-preset-stage-3
yarn add babel-cli babel-polyfill babel-preset-env bable-preset-stage-3 nodemon --dev
Mudança no 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"
},
Inicie seu servidor
yarn start / npm start
Oooh não, criamos um novo problema
regeneratorRuntime.mark(function _callee(email, password) {
^
ReferenceError: regeneratorRuntime is not defined
Este erro ocorre somente quando você usa async / waitit no seu código. Em seguida, use o polyfill que inclui um tempo de execução do regenerador customizado e core-js. adicione em cima deindex.js
import "babel-polyfill"
Isso permite que você use assíncrono / espera
use Babel 7
É necessário atualizar tudo em seu projeto, e começar com babel 7 .babelrc
{
"presets": ["@babel/preset-env"]
}
Alguma mudança no 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"
....
}
e use import "@babel/polyfill"
no ponto de partida
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!'))
Você está pensando o porquê start:dev
A sério. É uma boa pergunta se você é novo. A cada mudança que você sempre usa yarn start:dev
no servidor de inicialização, use como servidor de desenvolvimento todas as alterações no servidor de reinicialização automaticamente para obter mais informações sobre o nodemon