Aarush AcharyaOriginal post
Rank 3: Container
Hey this is my html file
JavaScript
<html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Button Example</title> <script type="module"> console.log("appwrite.js loaded"); import { Client, Account } from "appwrite"; </script></head><body> <h1>Button Example</h1> <button id="myButton">Click me!</button></body></html>Here is my py file I am using fast api
Python
from fastapi import FastAPI, Requestfrom fastapi.responses import HTMLResponsefrom fastapi.templating import Jinja2Templatesfrom fastapi import FastAPI, Requestfrom fastapi.responses import HTMLResponsefrom fastapi.staticfiles import StaticFilesfrom fastapi.templating import Jinja2Templates
app = FastAPI()
app.mount("/static", StaticFiles(directory="static"), name="static")
templates = Jinja2Templates(directory="")
@app.get("/", response_class=HTMLResponse)async def read_item(request: Request): return templates.TemplateResponse("index.html", {"request": request})```
I am stuck with this error
127.0.0.1/:1 Uncaught TypeError: Failed to resolve module specifier "appwrite". Relative references must start with either "/", "./", or "../".
Please do helpSummary
Issue: The appwrite module is not being imported in the JavaScript file.
Solution: In the HTML file, make sure to specify the correct path for the appwrite module import. It should start with either "/", "./", or "../" to indicate a relative reference.
Example:
```js
<script type="module">
console.log("appwrite.js loaded");
import { Client, Account } from "./path/to/appwrite";
</script>
```
Additional notes: The user also mentioned using FastAPI and needing authentication with appwrite, but it's unclear how that is related to the import issue.