未捕获的引用错误：<function> 使用 Browserify 时未在 HTMLButtonElement.onclick 定义</function>

Question

I am trying to use MYSQL NodeJS with BROWSERIFY and face this problem

HTML code

<button type="button" onclick="abc()" >xyz</button>
<script type="text/javascript" src="./bundle.js"></script>

connectdb.js code

  function abc(){
   con.connect(function(err) {
   if (err) throw err; 
   con.query("SELECT * FROM database_nmcnpm_nhom1.users", function (err, result) {
   if (err) throw err;
   else
    console.log(result)
  
});});}

I used browserify like this

browserify./connectdb.js -o./bundle.js

But when i click the button the console show error:

Uncaught ReferenceError: abc is not defined at HTMLButtonElement.onclick

Can someone please suggest a solution?

Thanks

Answer 1

Did you include a reference to connectdb.js in your HTML? If not, you'll have to add this to your HTML file:

<script type="text/javascript" src="./connectdb.js"></script>

Answer 2

I generally used to solve this issue as shown below

<button type="button" (click)="methodName()" > submit</button>

In Angular