html 中未定义函数

Question

我目前正在学习 javascript，但我偶然发现了这个错误：我的函数未定义

这是我的 html:

<!DOCTYPE html>
<hmtl>
<head>
        <script src="app.js"></script>

</head>
<body>

    <input type="button" onclick="myfunction()" value="run external javascript"/>
</body>
</hmtl>

这是我的 app.js:

//@ts-check
debugger

function hello() {
  alert("Hello World!");
};


import pg from "pg";

function myfunction(){

const connectionString = process.env.DATABASE_URL || connection_string;

const client = new pg.Client(connectionString);
client.connect();
var qry = client.query('SELECT NOW()', (err, res) => {
    console.log(err, res)
    client.end()
   })

 qry.on("row", function (row, result) {
   result.addRow(row);
 });

qry.on('end', () => { client.end(); });

};

有人可以给我一些建议，告诉我如何解决，以及如何防止将来发生同样的事情吗？

Answer 1

您的 JavaScript 正在定位 Node.js。

您需要运行它在 Node.js。

您无法将其嵌入 HTML 文档中，也无法将其运行嵌入浏览器中。

(可以编写 JS — 做一些事情 — 所以它可以运行在浏览器中或在 Node.js 中……这不是其中之一）。

html 中未定义函数

Function not defined in html

javascript

node.js

postgresql

node-postgres