使用浏览器中的create-react-app读取和写入文本文件

Question

我正在尝试读取react项目（creat-react-app）的source（src）文件夹中的文本文件，操纵这些值并将新值写回到同一文本文件。

我无法从文件中读取值，即使读取文件的代码正在注销旧数据，也不确定该数据来自何处。因为即使直接更改文本文件中的数据，它也不会读取新值。

我正在使用名为browserify-fs（https://www.npmjs.com/package/browserify-fs）的包来读写文件。

var fs = require('browserify-fs');
var reader = new FileReader();  


export const getData = () => {
let initialString = "abcd";
  fs.readFile('file.txt', function (err, data) {
    if (err) {
       return console.error(err);
    }
    console.log(initialString + data.toString());
 });
};

export const writeData = () => {
    let data = "abcd";
    fs.writeFile("file.txt", data, err => {
      // In case of a error throw err.
      if (err) throw err;
    });
}

是否需要使用webpack-loader进行某些操作以导入生成的文件类型，或者它与为自动导入文件类型定义文件和文件夹结构的create-react-app软件包有关？

我仍然不确定实际问题是什么引起的。任何帮助，将不胜感激。

P.S：我知道不建议在浏览器上使用CRUD操作，仅用于个人项目（学习目的）。

Answer 1

包装数据，用括号括起来。

代替

fs.writeFile（“ file.txt”，data，err => {

尝试：

fs.writeFile（“ file.txt”，（data，err）=> {