Невозможно импортировать сторонний модуль JavaScript
Я пытаюсь импортировать сторонний SDK в простой проект с очень простой настройкой. У меня есть файл index.html, который выглядит так:
<!DOCTYPE html>
<html lang = "en-us">
<body>
<h1>SDK Test</h1>
<script type = "module" src = "/js/main.js"></script>
</body>
</html>
У меня есть файл main.js, который выглядит так:
import MyAlgoConnect from '/@randlabs/myalgo-connect';
console.info("It Worked!");
У меня также есть каталог @randlabs в моем проекте, работающем на сервере Apache, так что в каталоге Apache htdocs он выглядит так:
Но я всегда получаю сообщение об ошибке в консоли браузера:
Failed to load module script: Expected a JavaScript module script but the server responded with a MIME type of "text/html". Strict MIME type checking is enforced for module scripts per HTML spec.
Первоначально я пытался использовать <script src = "/js/main.js"></script> в файле index.html, но он вернулся с ошибкой:
Uncaught SyntaxError: Cannot use import statement outside a module (at main.js:3:1)
В папке myalgo-connect есть целая куча разных файлов и дополнительных папок, поэтому, когда я пытаюсь перейти на свой локальный сервер apache по адресу 127.0.0.1:8080/@randlabs/myalgo-connect в моем браузере, он просто возвращает html-документ, показывающий содержимое папки, поэтому я предполагаю Я получаю ошибку в первую очередь.
Согласно документации SDK, я думаю, что точно следую шагам быстрого запуска: https://connect.myalgo.com/docs/getting-started/quickstart
Я несколько дней искал в Интернете, пытаясь понять, почему я не могу заставить это работать. Я также задал вопрос на соответствующем сервере разногласий, но не получил ответа. Мой опыт веб-разработки очень ограничен, так что, вероятно, это просто проблема моей неопытности, но я не могу понять, что я делаю неправильно. Если кто-то может пролить свет на это, я был бы очень благодарен!
![Безумие обратных вызовов в javascript [JS]](https://i.imgur.com/WsjO6zJb.png)
Ответы 1
Я рекомендую настроить базовый процессор узла, который затем компилирует приложение в файл js.
https://vuejs.org/guide/quick-start.html
https://reactjs.org/docs/create-a-new-react-app.html
https://nextjs.org/docs/getting-started
Я рекомендую также настроить TypeScript, так как он очень помогает с типами данных и рекомендациями.
Это пример того, как вы можете использовать MyAlgoConnect от Randlabs (React):
Пример использования Algorand с Vue.js: https://github.com/scholtz/wallet
Спасибо! Как только я попытался установить его в проект Vue.js, все заработало, как и предполагалось.