在React App中从其他文件读取数据

Question

我是React和Node.js世界的新手。 我正在尝试读取文件并对该文件中的数据进行加密并发送加密的数据以响应应用程序。喜欢

encryptionfile.js

var CryptoJS = require("crypto-js");
const fs = require('fs');

const source = fs.readFileSync('./test.txt','utf8');

var ciphertext = CryptoJS.AES.encrypt(source, 'secretl key 123');

var bytes  = CryptoJS.AES.decrypt('ciphertext', 'secretl key 123');
var plaintext = bytes.toString(CryptoJS.enc.Utf8);

export {ciphertext};

App.js（create-react-app的src文件夹中的默认文件）

import ciphertext from './encryptionfile';

// some other codes

我在终端中将Encryptionfile.js文件作为节点Encryptionfile.js运行，它给了我正确的结果。 但是，当我从reactapp文件夹运行节点启动时，它给我TypeError：fs.​​readFileSync不是函数错误。

有类似的错误发布，但是没有一个与此类似

谢谢

我想在我的React App中使用从该文件发送的加密数据（将其设置为状态变量，并稍后在代码中使用）