Till now I was using require to import the npm installed moudles but, when I use import, my modules are being imported but I am not able to fetch the component of my html file.
here is my html code,
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<title>My Hello World</title>
<link rel="stylesheet" type="text/css" href="index.css" />
</head>
<body>
<p id="value"></p>
<h1 style="margin: auto">Working</h1>
<script type="module" src="index.js"></script>
</body>
</html>
here is my js file(index.js)
import { faker } from "@faker-js/faker";
var pval = document.getElementById("value");
.....
when I run node index.js it shows,
var pval = document.getElementById("value");
^
ReferenceError: document is not defined
at file:///D:/alchemy%20practical/javascript%20fundamental/node/index.js:3:12
at ModuleJob.run (node:internal/modules/esm/module_job:193:25)
at async Promise.all (index 0)
at async ESMLoader.import (node:internal/modules/esm/loader:530:24)
at async loadESM (node:internal/process/esm_loader:91:5)
at async handleMainPromise (node:internal/modules/run_main:65:12)
any idea why I'm getting this error?
I mentioned the type as module in my package.json and searched a lot on internet but no one was mentioning this problem.
