Как я могу прочитать экспорт, это дает мне следующее сообщение
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 ();