читать экспорт из JS в HTML - PullRequest
0 голосов
/ 05 апреля 2019

Как я могу прочитать экспорт, это дает мне следующее сообщение

Uncaught ReferenceError: TimeController не определен:

в HTML это:

<div class="container">
       <form class="form"  onsubmit="timeController.adicionaTime(event)">
            <div class="form-group">
                <label for="InputNome">Nome</label>
                <input type="text" class="form-control" id="InputNome" placeholder="Nome">
            </div>
            <button type="submit" class="btn btn-primary">Criar Time</button>
        </form>

    </div>

    <script src="./js/controllers/TimeController.js"></script>
    <script>
        let timeController = new TimeController();
    </script>

в TimeController.js:

import {TimeView} from '../views/TimeView';
import {Time} from '../models/Time';
import {Colaborador} from '../models/Colaborador';

export class TimeController {

     constructor() {
        this._inputNome = $('#InputNome');
         this._inputNick = $('#InputNick');

       this._timeView = new TimeView($('#timeView'));
     }

     adicionaTime(event) {
        // faz algo
     }
}

в package.json

{
  "name": "",
  "version": "2.0.0",
  "description": "",
  "main": "index.js",
  "scripts": {
    "test": "mocha",
    "start": "parcel serve index.html -p 8080",
    "build": "parcel build index.html"
  },
  "keywords": [],
  "author": "",
  "license": "MIT",
  "devDependencies": {
    "@fortawesome/fontawesome-free": "^5.3.1",
    "bootstrap": "^4.1.3",
    "eslint": "^4.13.1",
    "eslint-config-google": "^0.9.1",
    "firebase": "^5.5.4",
    "firebase-tools": "^6.5.2",
    "handlebars": "^4.1.1",
    "jquery": "^3.3.1",
    "mocha": "^5.1.1",
    "node-sass": "^4.9.3",
    "parcel-bundler": "^1.12.3",
    "popper.js": "^1.14.3",
    "pug": "^2.0.3",
    "typescript": "^3.0.3"
  },
  "dependencies": {
    "bootstrap-social": "^5.1.1",
    "jsdom": "^14.0.0"
  }
}

Я тоже пытался сделать в HTML

<script>
  import {TimeController} from './js/controllers/TimeController';

  let timeController = new TimeController();
</script>

но я получил сообщение

Импорт и запросы пока не поддерживаются внутри встроенных тегов. > 1 | import {TimeController} из './js/controllers/TimeController'; | ^ 2 | let timeController = new TimeController ();

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...