Babel не работает должным образом для импорта / экспорта ES6 - PullRequest
Новая
       7

Babel не работает должным образом для импорта / экспорта ES6

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

Я просто пытаюсь заставить код импорта / экспорта работать в браузере, используя babel-node. Но пока мне удалось заставить его работать только с одним файлом. Я продолжаю получать Uncaught SyntaxError: Неожиданный токен {в консоли, что, несомненно, означает, что он не конвертируется с помощью babel.

Я пытался использовать разные флаги в файле package.json для запуска приложения. А также перемещение файлов в разные папки и каталоги. 

        // App.js
        const express = require('express');
        const path = require('path');

        const app = express();

        console.log('App file')

        app.get('/', (req, res) => res.sendFile(path.join(__dirname+'/index.html')));

        app.use('/static', express.static('src'))

        const port = process.env.PORT || 8000;

        app.listen(port, () => console.log(`Server running on port ${port}.`))

package.json 

        {
          "name": "babel-test",
          "version": "1.0.0",
          "description": "",
          "main": "app.js",
          "scripts": {
            "start": "nodemon app.js src/** --exec babel-node",
            "test": "echo \"Error: no test specified\" && exit 1"
          },
          "author": "AB",
          "license": "MIT",
          "dependencies": {
            "axios": "^0.18.0",
            "babel-cli": "^6.26.0",
            "babel-preset-env": "^1.7.0",
            "express": "^4.16.4",
            "nodemon": "^1.18.9"
          }
        }

Дерево папок 

            ├── app.js
            ├── index.html
            ├── node_modules
            ├── package-lock.json
            ├── package.json
            ├── public
            └── src
                ├── index.js
                ├── script1.js
                ├── script2.js
                ├── script3.js
                └── script4.js

index.html 

            <!DOCTYPE html>
            <html lang="en">

            <head>
                <meta charset="UTF-8">
                <meta name="viewport" content="width=device-width, initial-scale=1.0">
                <meta http-equiv="X-UA-Compatible" content="ie=edge">
                <title>NodeJS</title>
            </head>

            <body>

                <h1>Hi there from Nodejs</h1>
                <script src="http://localhost:8000/static/script1.js"></script>
                <script src="http://localhost:8000/static/script2.js"></script>
            </body>

            </html>

Все, что нужно сделать, это работать с операторами импорта и экспорта между файлами без ошибок.

1 Ответ

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

Вы должны установить и настроить веб-пакет. А затем создайте файл webpack.config.js и выполните настройку. https://webpack.js.org/

...