Я плохо в этом разбираюсь и требуется помощь. Нужно настроить среду VSCode для разработки игры на движке pixi.js так, чтобы были подсказки кода.
У меня есть тестовый проект. Состоит из index.html, main.js и библиотеки pixi.js.
main.js
import * as PIXI from 'pixi.js'
let app = new PIXI.Application({width: 256, height: 256});
document.body.appendChild(app.view);
alert('hello');
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>Document</title>
<script src="pixi/pixi.js"></script>
<script src="src/main.js"></script>
</head>
<body>
</body>
</html>
Подсказки кода библиотеки pixi.js работают, но сам проект в браузере не запускается:
SyntaxError: import declarations may only appear at top level of a module
Если выставить тип main.js как модуль:
<script type="module" src="src/main.js"></script>
То ошибка пропадает, но проект всё равно не запускается. Насколько я понял, main.js становится невидимый. Как мне сделать так, чтобы и подсказки кода работали и проект запускался?
