Оператор распространения выдает SyntaxError даже после настройки Babel в Webstorm 2018.3 - PullRequest
0 голосов
/ 03 января 2019

Webstorm / OS

Webstorm 2018.3/Windows 10

Узел / NPM

v8.0.0/6.4.1

Последующие шаги

  1. JetBrains ECMAScript6 в Webstorm Babel FileWatcher

    Я добавил Babel с помощью шагов

  2. Для локального репозитория я установил npm i --save-dev @babel/cli @babel/core @babel/preset-env @babel/plugin-object-proposed-rest-spread

  3. добавлено .babelrc в корневую папку со следующими параметрами:

     {
       "presets": ["@babel/preset-env"],
       "plugins": ["@babel/plugin-proposal-object-rest-spread"]
     }
    
  4. Настроил мою конфигурацию запуска для npm start, так как мой package.json содержит "start": nodemon app.js.

Приложение

Я использую mongoose для хранения и получения информации из MongoDB и использую GraphQL для предоставления конечной точки для запросов /мутация

вот одна из моих mutation (функция) в моем коде:

 createEvent: (args) => {
            const event = new Event({
               title: args.eventInput.title,
               description: args.eventInput.description,
               price: +args.eventInput.price,
               date: new Date(args.eventInput.date)
            });
            return event
                .save()
                .then(result => {
                    console.log(result);
                    return { ...result._doc };
                })
                .catch(err => {
                    console.log(err);
                    throw err;
                });
        }

Ошибка :

SyntaxError: Unexpected token ...

Последовательность шаговСнова

В соответствии с SE Query для настройки Babel с Webstorm для проекта node.js Я попытался создать node.js app, но теперь я получаю сообщение об ошибке:

 Error: querySrv ENOTFOUND _mongodb._tcp.undefined-p8e7q.mongodb.net
  at errnoException (dns.js:50:10)
    at QueryReqWrap.onresolve [as oncomplete] (dns.js:244:19)
  code: 'ENOTFOUND',
  errno: 'ENOTFOUND',
  syscall: 'querySrv',
  hostname: '_mongodb._tcp.undefined-p8e7q.mongodb.net' 

Я теперь вместо { ...result._doc } W заменяюith return result._doc и код работает нормально, но я хочу использовать оператор распространения в других блоках кода.

Я понимаю, что ошибка не имеет ничего общего с Webstorm, но я не вижу никакой другой альтернативык этой проблеме

Редактировать

File Watcher Babel File Watcher for WebStorm

Конфигурация NPM NPM Configuration

Node.js Конфигурация , созданная нажатием правой кнопки мыши на файле app.js и Create 'app.js' в меню.Я установил npm i --save-dev @babel/register и изменил его на -r @babel/register, как указано в блоге Node JS configuration

app.js

const express = require('express'); // Add Express Module
const bodyParser = require('body-parser'); // Add Body-Parser Middleware for JSON handling in Requests
const graphqlHttp = require('express-graphql'); // Add Middleware for GraphQL Resolvers over Express HTTP
const { buildSchema } = require('graphql'); // Javascript Object-Destructuring (pull objects from packages)
const mongoose = require('mongoose'); // MongoDB Third-Party package


const Event = require('./models/event'); // MongoDB Event Model

const app = express();

app.use(bodyParser.json()); // JSON parsing Middleware added

app.use('/graphql', graphqlHttp({
    schema: buildSchema(`
        type Event {
            _id: ID!
            title: String!
            description: String!
            price: Float!
            date: String!
        }

        input EventInput {
            title: String!
            description: String!
            price: Float!
            date: String!
        }

        type RootQuery {
            events: [Event!]!
        }

        type RootMutation {
            createEvent(eventInput: EventInput): Event
        }

        schema {
            query: RootQuery
            mutation: RootMutation
        }
    `),
    rootValue: {
        events: () => {
            return Event.find()
                .then(events => {
                    return events.map( event => {
                        event._doc._id = event.id;
                        return event._doc;
                    });
                })
                .catch(err => {
                    console.log(err);
                    throw err;
                })
        },
        createEvent: (args) => {
            const event = new Event({
               title: args.eventInput.title,
               description: args.eventInput.description,
               price: +args.eventInput.price,
               date: new Date(args.eventInput.date)
            });
            return event
                .save()
                .then(result => {
                    console.log(result);
                    return { ...result._doc };
                    // return result._doc
                })
                .catch(err => {
                    console.log(err);
                    throw err;
                });

        }
    },
    graphiql: true
}));

mongoose.connect(
    `mongodb+srv://${process.env.MONGO_USER}:${process.env.MONGO_PASSWORD}@${process.env.MONGO_CLUSTER_NAME}-p8e7q.mongodb.net/${process.env.MONGO_DB_NAME}?retryWrites=true`)
    .then( () => {
        app.listen(3000);
    }).catch(err => {
        console.log(err);
    });

package.json

Я добавил несколько странных пакетов babel как отчаянную попытку запустить и запустить их, которая находится в dev-dependencies

{
  "name": "graphql-express-app",
  "version": "0.0.4",
  "description": "Academind's YouTube Series on GraphQL-Express-React",
  "main": "app.js",
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1",
    "start": "nodemon app.js"
  },
  "keywords": [
    "graphql",
    "express",
    "node.js"
  ],
  "author": "",
  "license": "ISC",
  "dependencies": {
    "@babel/preset-stage-2": "^7.0.0",
    "babel-preset-stage-2": "^6.24.1",
    "body-parser": "^1.18.3",
    "express": "^4.16.4",
    "express-graphql": "^0.7.1",
    "graphql": "^14.0.2",
    "mongoose": "^5.4.1"
  },
  "devDependencies": {
    "@babel/cli": "^7.2.3",
    "@babel/core": "^7.2.2",
    "@babel/plugin-proposal-object-rest-spread": "^7.2.0",
    "@babel/preset-env": "^7.2.3",
    "@babel/register": "^7.0.0",
    "babel-cli": "^6.26.0",
    "babel-plugin-transform-es2015-destructuring": "^6.23.0",
    "babel-plugin-transform-object-rest-spread": "^6.26.0",
    "nodemon": "^1.18.9"
  }
}

1 Ответ

0 голосов
/ 04 января 2019

Я сократил ваш пример и добавил минимальную версию того, что вам нужно, чтобы его запустить и запустить.

По сути, вам не хватает той части, в которой babel на самом деле идет и переносит ваш код.Я не знаю, делает ли это для вас webstorm, я использую VS-код.

.babelrc :

{
    "presets": ["@babel/preset-env"],
    "plugins": ["@babel/plugin-proposal-object-rest-spread"]
}

package.json (только deps и сценарии, остальные опущены):

"scripts": {
  "test": "echo \"Error: no test specified\" && exit 1",
  "start": "nodemon --exec babel-node app.js"
},
"devDependencies": {
  "@babel/core": "^7.2.2",
  "@babel/node": "^7.2.2",
  "@babel/plugin-proposal-object-rest-spread": "^7.2.0",
  "@babel/preset-env": "^7.2.3",
  "nodemon": "^1.18.9"
}

Минимальный app.js :

const o = {
  a: 'a',
  b: 'b',
};
const o2 = { ...o };
console.log(o2);
// Outputs: { a: 'a', b: 'b' }

Вы можете избавить себя от необходимости переносить nodejsкод с использованием последней версии.Оператор распространения поддерживается в узле с версии 8.6.0 и выше: https://node.green/#ES2018-features-object-rest-spread-properties

Надеюсь, это поможет!

...