Я пытаюсь создать настольное приложение, используя electron, ionic4 --type-angular и npm mysql.
Я установил соединение с mysql, но с обычным html, js, css, используя приведенный ниже код в моем index.html
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<script>window.$ = window.jQuery = require('./jquery-2.1.4.js');</script>
<title>Hello World!</title>
</head>
<body>
<h1>Hello World!</h1>
<h1>Electron MySQL Example</h1>
<div id="resultDiv"></div>
<!-- All of the Node.js APIs are available in this renderer process. -->
We are using Node.js <script>document.write(process.versions.node)</script>,
Chromium <script>document.write(process.versions.chrome)</script>,
and Electron <script>document.write(process.versions.electron)</script>.
<script>
// You can also require other files to run in this process
require('./renderer.js')
</script>
<script>
var mysql = require('mysql');
var connection = mysql.createConnection({
host : 'localhost',
user : 'root',
password : '',
database : 'electron_db'
});
connection.connect();
$sql = 'SELECT `emp_id`,`emp_name` FROM `employee`';
connection.query($sql, function (error, results, fields) {
if (error) throw error;
console.log(results);
$('#resultDiv').text(results[0].emp_name);
});
connection.end();
</script>
</body>
</html>
Теперь я сделал электронное приложение с ionic4. Я установил mysql и jquery, используя npm install mysql, npm install jquery в моем проекте. Мне нужно знать, как использовать вышеуказанный код js в моем home.page.ts
Ниже мой home.page.ts, который дает ошибку
ERROR in src/app/home/home.page.ts(4,18): error TS2580: Cannot find name 'require'. Do you need to install type definitions for node? Try npm i @ types / node .
declare var $: any;
import { Component } from '@angular/core';
var mysql = require('mysql');
var connection;
var $sql;
connection = mysql.createConnection({
host : 'localhost',
user : 'root',
password : '',
database : 'electron_db'
});
connection.connect();
@Component({
selector: 'app-home',
templateUrl: 'home.page.html',
styleUrls: ['home.page.scss'],
})
export class HomePage {
constructor(){
$sql = 'SELECT `emp_id`,`emp_name` FROM `employee`';
connection.query($sql, function (error, results, fields) {
if (error) throw error;
console.log(results);
$('#resultDiv').text(results[0].emp_name);
});
connection.end();
}
}