Comando NPM Start não funciona

Olá, Aline.

Tudo bem?

O erro "Missing script: 'start'" geralmente significa que o script "start" não está definido no arquivo package.json do projeto, nesse caso ele não reconhece o comando npm start.

• Primeiro, verifica se você rodou o comando npm install para instalar as dependências do projeto, pode ser isso, depois tenta rodar o comando npm start novamente.

• Verifique o arquivo package.json:

  • Navegue até a pasta do projeto Organo (C:\Users\aline\OneDrive\Área de Trabalho\organo).

  • Abra o arquivo package.json com um editor de texto (pode ser o próprio Visual Studio Code).

  • Verifique se existe uma seção chamada "scripts" e se dentro dela há uma entrada para "start". Por exemplo:

    {
      "name": "organo",
      "version": "1.0.0",
      "scripts": {
        "start": "node app.js"
      },
      // outras configurações
    }
    

  • Se a entrada "start" não estiver presente, você precisará adicioná-la. O valor da entrada "start" depende de como o projeto foi configurado para iniciar. Se não souber qual comando usar, consulte a documentação do projeto ou entre em contato com o suporte do curso.

Espero ter ajudado. Qualquer dúvida manda aqui. Bons estudos.

Olá Renan,

Obrigada pelo retorno. Ajustei o comando no package.json mas mesmo assim não funcionou. Rodei novamente o npm install e deu uma série de WARN. Rodei o comando npm audit fix --force conforme instrução, mas mesmo assim não resolveu. Preciso atualizar a versão do node? Fiquei na dúvida pois estou na mesma versão informada no curso.

C:\Users\aline\OneDrive\Área de Trabalho\organo>npm install npm WARN EBADENGINE Unsupported engine { npm WARN EBADENGINE package: 'lru-cache@10.2.2', npm WARN EBADENGINE required: { node: '14 || >=16.14' }, npm WARN EBADENGINE current: { node: 'v16.13.1', npm: '8.1.2' } npm WARN EBADENGINE }

up to date, audited 1420 packages in 25s

275 packages are looking for funding run npm fund for details

8 vulnerabilities (2 moderate, 6 high)

To address all issues (including breaking changes), run: npm audit fix --force

Run npm audit for details.

Oi Renan,

Consegui resolver a questão no npm start, porém agora está apresentando esse erro:

C:\Users\aline\OneDrive\Área de Trabalho\organo>npm start

organo@0.1.0 start react-scripts start Starting the development server...

Warning: React version was set to "detect" in eslint-plugin-react settings, but the "react" package is not installed. Assuming latest React version for linting.

Failed to compile.

./src/componentes/CampoTexto/index.js Line 14:5: 'React' must be in scope when using JSX react/react-in-jsx-scope Line 15:7: 'React' must be in scope when using JSX react/react-in-jsx-scope Line 16:7: 'React' must be in scope when using JSX react/react-in-jsx-scope Line 24:9: 'React' must be in scope when using JSX react/react-in-jsx-scope

Search for the keywords to learn more about each error. Error from chokidar (C:): Error: EBUSY: resource busy or locked, lstat 'C:\DumpStack.log.tmp' Compiling... Failed to compile.

./src/componentes/CampoTexto/index.js Line 14:5: 'React' must be in scope when using JSX react/react-in-jsx-scope Line 15:7: 'React' must be in scope when using JSX react/react-in-jsx-scope Line 16:7: 'React' must be in scope when using JSX react/react-in-jsx-scope Line 24:9: 'React' must be in scope when using JSX react/react-in-jsx-scope

Search for the keywords to learn more about each error.

A página react app é aberta no browser mas fica em branco =/

Oii Aline.

Que ótimo que conseguiu resolver essa parte do "npm start", parabéns.

Sobre esse novo erro, está relacionado ao React não sendo reconhecido no escopo quando você está usando JSX no seu projeto. Isso geralmente acontece quando o React não é importado corretamente nos arquivos onde JSX está sendo utilizado. Aqui estão algumas etapas para corrigir esse problema:

1. Verifique as Importações do React, isso já deve resolver o problema: Certifique-se de que todos os arquivos JSX estão importando o React corretamente no início do código do arquivo. No arquivo ./src/componentes/CampoTexto/index.js, adicione a seguinte linha no topo:

   import React from 'react';
   

2. Instale o React: Parece que o React pode não estar instalado no seu projeto. Certifique-se de que o React e o ReactDOM estão instalados. Rode os seguintes comandos no terminal dentro da pasta do seu projeto:

   npm install react react-dom
   

3. Verifique o package.json: Certifique-se de que seu package.json inclua o React como dependência. Deve parecer algo assim:

   {
     "name": "organo",
     "version": "1.0.0",
     "scripts": {
       "start": "react-scripts start",
       "build": "react-scripts build",
       "test": "react-scripts test",
       "eject": "react-scripts eject"
     },
     "dependencies": {
       "react": "^17.0.2",
       "react-dom": "^17.0.2",
       "react-scripts": "4.0.3"
     }
   }
   

Qualquer coisa tenta reinstalar as dependências: Depois de fazer as alterações, reinstale as dependências para garantir que tudo esteja atualizado e configurado corretamente. Rode:

rm -rf node_modules
npm install

Isso deve resolver os erros relacionados ao React. Se você ainda encontrar problemas, por favor, forneça os detalhes sobre as mensagens de erro para que possamos ajudar ainda mais.

Show Renan, fiz aqui e deu certo!!! Muito obrigada pela ajuda =)

Ai sim, muito bom. Fiquei feliz que deu certo. TMJT :)