I have developed a TypeScript module which contains the following functions:
export function hello() {
console.log('hello');
}
export function bye() {
console.log('bye');
}
In my HTML file, I am trying to use these functions like this:
<head>
<script src="./assets/js/myModule.ts" type="module"></script>
</head>
<body>
<span onclick="myModule.hello()">Press to greet</span>
</body>
...
The application also consists of a server.js file:
const proxy = require("http-proxy-middleware").createProxyMiddleware;
const Bundler = require("parcel-bundler");
const express = require("express");
const bundler = new Bundler("index.html");
const app = express();
app.use(
"/api",
proxy({
target: process.env.API_SERVER || "http://localhost:1337/"
})
);
app.use(bundler.middleware());
app.listen(Number(process.env.PORT || 1234));
However, whenever I start the server, I encounter an error message stating:
myModule is not defined
So far, I have attempted the following solutions:
- Using npm link.
- Requiring the file in the server.js and passing it with
app.use(myModule.ts)