Почему не получается работа с файловой системой на node js?

Question

[Leonardo-lavanda]

Работаю с create-react-app, при попытке создать, прочитать и другие операции с файлами создает ошибку:

import React from 'react';
import './App.css';

// components 
import Sidebar from './components/Sidebar/Sidebar.js'


// data
let webComponents = require('./data/web-components.json');

const fs = require('fs');

console.log(fs);


setTimeout(() => {
  webComponents.push({'text': 'четвертый', 'isActive': false});

  fs.readFile('./data/web-components.json', 'JSON.stringify(webComponents)', () => console.log('ok'));
}, 4000);

class App extends React.Component {

  constructor() {
    super();
  }
 
  render() {
     return (
        <div className='App'>
          <Sidebar items={webComponents} />
        </div>
      );
  }
}

export default App;

Comments

[FabiBoom]

Ты же в браузере React запускаешь, а не в Node)

[Leonardo-lavanda]

FabiBoom, а как можно такое реализовать без php?

[FabiBoom]

Leonardo-lavanda, ну на том же Node.js сервер создать с помощью Express например и вместе с реактом их юзать

Answer 1

[Егор Живагин]

В ноде запускается простенький веб-сервер, который отдаёт реакт-приложение браузеру.
Реакт работает на клиенте, он никак не связан с нодой.

Answer 2

[Виталий]

потому что реакт не исполняется в ноде (фс это модуль ноды), реакт собирает свой бандл используя ноду и модуль вебпак, далее это ванильный js скрипт и html + css и все. ноды там более никогда нет.