Ini tidak akan berhasil, karena Anda mencoba menggunakan perpustakaan server mysql di bagian depan Anda. Meskipun keduanya ditulis dalam javascript, lingkungan tempat mereka bekerja sangat berbeda.
Diagram di bawah menjelaskannya dengan cukup rapi - bersumber dari situs web ini yang saya sarankan untuk Anda periksa.
Intinya, untuk pustaka reaksi, Anda menggunakan node.js sebagai *.jsx atau *.js pembantu pembangunan, pelari pengemasan, dll. jadi hasil akhirnya seharusnya hanya file javascript. Sesuatu seperti main.123456.js jika Anda menggunakan build default aplikasi reaksi. File itu akan bermakna dalam konteks browser, karena Anda akan memiliki item DOM di sini, item khusus HTML.
Untuk perpustakaan MySQL - Anda menggunakan node.js sebagai server HTTP. Itu tidak akan memiliki akses ke DOM, tetapi karena itu berjalan sebagai proses pada beberapa unit komputasi, itu akan memberi Anda kemampuan yang berbeda, yang memungkinkan koneksi MySQL Anda berfungsi.
office.js beroperasi dalam konteks browser, pada dasarnya Anda menulis aplikasi dengan react dan hanya mereferensikan beberapa API office.js. Artinya, baris di bawah ini milik aplikasi react Anda:
context.document.body.insertParagraph("mysql undefined", Word.InsertLocation.end);
Data Anda dari MySQL harus berasal dari server Anda. Anda dapat menggunakan node.js sebagai server, sehingga Anda dapat menggunakan perpustakaan MySQL yang telah Anda impor dari NPM. Tutorial ini memandu Anda melalui cara menyiapkan server yang sangat sederhana.
Itu artinya baris ini
import { mysql } from 'mysql';
dan koneksi sql milik sisi server yang berjalan di node.
