我试图用一个非常简单的设置将第三方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.log("It Worked!");在Apache服务器上运行的项目中，我还有@randlabs目录，因此在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.我最初尝试在index.html文件中使用<script src="/js/main.js"></script>，但它返回错误：
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
我已经在网上搜索了几天，试图弄清楚为什么我不能让这个工作。我也问了一个问题，在相关的discord服务器，但没有得到回应。我的经验与网页开发是非常有限的，所以这可能只是一个问题，我的经验不足的一部分，但我不知道我做错了什么。如果有人能解释这一点，我会非常感激！
1条答案
按热度按时间gcuhipw91#
我建议设置基本的节点处理器，然后将应用程序编译成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，因为它对数据类型和建议有很大帮助。
以下是如何使用Randlabs（React）的MyAlgoConnect的示例：https://github.com/Diatomix/Diatomix-frontend/blob/dff9a531ceac4341a3780c004f2bc2206b255ed4/src/components/Authenticate.tsx#L163
示例如何使用Algorand和Vue.js：https://github.com/scholtz/wallet