Solucionado (ver solução)
Solucionado
(ver solução)
4
respostas

Quando eu movo para uma pasta, codigo da erro.

Bom dia!

Toda vez que eu movo para uma pasta e mesmo me certificando que os caminhos estão certo, meu codigo da erro. Alguem poderia me ajudar?

Todo o meu codigo está aqui: https://drive.google.com/file/d/1UO0DbFqoNc216JkDr5jY2KTgEYxh4LmC/view?usp=sharing

O erro: `TypeError: Cannot set property 'props' of undefined Component C:/Users/JANIO/Desktop/react-novo/ceep/node_modules/react/cjs/react.development.js:322 319 | 320 | 321 | function Component(props, context, updater) {

322 | this.props = props; 323 | this.context = context; // If a component has string refs, we will assign a different object later. 324 | 325 | this.refs = emptyObject; // We initialize the default updater but the real one gets injected by the View compiled Module. C:/Users/JANIO/Desktop/react-novo/ceep/src/App.js:5 2 | import FormularioCadastro from './components/FormularioDeCadastro'; 3 | import ListaDeNotas from './components/ListaDeNotas/ListaDeNotas'; 4 | 5 | class App extends Component() { 6 | render(){ 7 | return ( 8 |

View compiled Module../src/App.js http://localhost:3000/static/js/main.chunk.js:145:30 webpack_require C:/Users/JANIO/Desktop/react-novo/ceep/webpack/bootstrap:856 853 | 854 | webpack_require.$Refresh$.init(); 855 | try { 856 | modules[moduleId].call(module.exports, module, module.exports, hotCreateRequire(moduleId)); | ^ 857 | } finally { 858 | webpack_require.$Refresh$.cleanup(moduleId); 859 | } View compiled fn C:/Users/JANIO/Desktop/react-novo/ceep/webpack/bootstrap:150 147 | ); 148 | hotCurrentParents = []; 149 | } 150 | return webpack_require(request); | ^ 151 | }; 152 | var ObjectFactory = function ObjectFactory(name) { 153 | return { View compiled ▶ 2 stack frames were collapsed. webpack_require C:/Users/JANIO/Desktop/react-novo/ceep/webpack/bootstrap:856 853 | 854 | webpack_require.$Refresh$.init(); 855 | try { 856 | modules[moduleId].call(module.exports, module, module.exports, hotCreateRequire(moduleId)); | ^ 857 | } finally { 858 | webpack_require.$Refresh$.cleanup(moduleId); 859 | } View compiled fn C:/Users/JANIO/Desktop/react-novo/ceep/webpack/bootstrap:150 147 | ); 148 | hotCurrentParents = []; 149 | } 150 | return webpack_require(request); | ^ 151 | }; 152 | var ObjectFactory = function ObjectFactory(name) { 153 | return { View compiled 1 http://localhost:3000/static/js/main.chunk.js:863:18 webpack_require C:/Users/JANIO/Desktop/react-novo/ceep/webpack/bootstrap:856 853 | 854 | webpack_require.$Refresh$.init(); 855 | try { 856 | modules[moduleId].call(module.exports, module, module.exports, hotCreateRequire(moduleId)); | ^ 857 | } finally { 858 | webpack_require.$Refresh$.cleanup(moduleId); 859 | } View compiled checkDeferredModules C:/Users/JANIO/Desktop/react-novo/ceep/webpack/bootstrap:45 42 | } 43 | if(fulfilled) { 44 | deferredModules.splice(i--, 1); 45 | result = webpack_require(webpack_require.s = deferredModule[0]); | ^ 46 | } 47 | } 48 | View compiled Array.webpackJsonpCallback [as push] C:/Users/JANIO/Desktop/react-novo/ceep/webpack/bootstrap:32 29 | deferredModules.push.apply(deferredModules, executeModules || []); 30 | 31 | // run deferred modules when all chunks ready 32 | return checkDeferredModules(); | ^ 33 | }; 34 | function checkDeferredModules() { 35 | var result; View compiled (anonymous function) http://localhost:3000/static/js/main.chunk.js:1:61 This screen is visible only in development. It will not appear if the app crashes in production. Open your browser’s developer console to further inspect this error. Click the 'X' or hit ESC to dismiss this message.`
4 respostas

Oi Hussani, tudo certo?

O link para o drive está com acesso negado, consegue liberar para qualquer um visualizar com o link, ou até mesmo subir para o github caso não consiga?

Fico no aguardo, abraços =)

Tudo sim e com vc? Liberei o acesso. Tenta novamente e me diz, por favor? se nao conseguir, subo para o github!

solução!

Oi Hussani, funcionou sim!

No seu arquivo App.js você está fazendo assim:

class App extends Component() {
  render(){
    return (
      <section>

        <FormularioCadastro />
        <ListaDeNotas />
      </section>
    );
  }
}

Porém, quando você extende o Componente, você não pode usar parênteses no final! Então o ideal seria dessa forma:

class App extends Component {
  render(){
    return (
      <section>

        <FormularioCadastro />
        <ListaDeNotas />
      </section>
    );
  }
}

Creio que dessa maneira funcionará como o esperado!

Espero ter ajudado, bons estudos =)

Muito obrigado!!!