-
Similar Content
-
By Jéssica Nascimento
Estou recebendo o erro abaixo:
Error: Invariant failed: You should not use <Link> outside a <Router>
import React, { Component } from "react"; import { Link } from 'react-router-dom'; export default class Product extends Component { render() { return ( <> <h1>Product</h1> <ul> <li><Link to='/'>Home</Link></li> </ul> </> ); } } import React from 'react'; import { BrowserRouter, Switch, Route } from 'react-router-dom'; import Main from './pages/main'; import Product from "./pages/product"; const Routes = () => ( <BrowserRouter> <Switch> <Route exact path="/" component={Main} /> <Route path="/products" component={Product} /> </Switch> </BrowserRouter> ); export default Routes; import Routes from "./routes"; // import api from './services/api'; import './styles.css'; import Main from './pages/main'; import Header from './components/Header'; function App() { return ( <div className="App"> <Header /> <Main /> <Routes /> </div> ); } export default App; -
By shox09
Olá pessoal. Estou começando a aprender Java Script. Estou tentando rodar uns arquivos, mas aparecem alguns erros. Baixei 2 arquivos no GitHub, e em um tutorial simplesmente fala para manda os seguintes comandos:
npm install
npm start
Acontece que o resultado são várias linhas de erros, e é basicamente escrito "no such file or directory, open" e a indicação de vários aquivos, mas destes arquivos indicados realmente não são da pasta que estou rodando o programa.
Primeiramente eu instalei o installer do Node.JS. Depois abri o PowerShell do windows e andei até a pasta do arquivo. Lá na pasta tem o package.json. Mandei o comando npm install e saiu o resultado:
PS A:\yEarn.finance\github\iearn-finance-master\iearn-finance-master> npm install
npm WARN tar ENOENT: no such file or directory, open 'A:\yEarn.finance\github\iearn-finance-master\iearn-finance-master\node_modules\.staging\ethereumjs-util-4d3ef4a2\LICENSE'
npm WARN tar ENOENT: no such file or directory, open 'A:\yEarn.finance\github\iearn-finance-master\iearn-finance-master\node_modules\.staging\ethereumjs-account-3f4c6ed2\package.json'
npm WARN tar ENOENT: no such file or directory, open 'A:\yEarn.finance\github\iearn-finance-master\iearn-finance-master\node_modules\.staging\eth-sig-util-9b4fcb97\package.json'
npm WARN tar ENOENT: no such file or directory, open 'A:\yEarn.finance\github\iearn-finance-master\iearn-finance-master\node_modules\.staging\ethereumjs-tx-239a6da7\package.json'
npm WARN tar ENOENT: no such file or directory, open 'A:\yEarn.finance\github\iearn-finance-master\iearn-finance-master\node_modules\.staging\ethereumjs-util-7ebce322\LICENSE'
npm WARN tar ENOENT: no such file or directory, open 'A:\yEarn.finance\github\iearn-finance-master\iearn-finance-master\node_modules\.staging\ethereumjs-account-3f4c6ed2\.travis.yml'
npm WARN tar ENOENT: no such file or directory, open 'A:\yEarn.finance\github\iearn-finance-master\iearn-finance-master\node_modules\.staging\eth-sig-util-9b4fcb97\.npmignore'
npm WARN tar ENOENT: no such file or directory, open 'A:\yEarn.finance\github\iearn-finance-master\iearn-finance-master\node_modules\.staging\ethereumjs-tx-239a6da7\CHANGELOG.md'
npm WARN tar ENOENT: no such file or directory, open 'A:\yEarn.finance\github\iearn-finance-master\iearn-finance-master\node_modules\.staging\ethereumjs-account-3f4c6ed2\CHANGELOG.md'
npm WARN tar ENOENT: no such file or directory, open 'A:\yEarn.finance\github\iearn-finance-master\iearn-finance-master\node_modules\.staging\eth-sig-util-9b4fcb97\README.md'
npm WARN tar ENOENT: no such file or directory, open 'A:\yEarn.finance\github\iearn-finance-master\iearn-finance-master\node_modules\.staging\ethereumjs-tx-239a6da7\fake.js'
npm WARN tar ENOENT: no such file or directory, open 'A:\yEarn.finance\github\iearn-finance-master\iearn-finance-master\node_modules\.staging\ethereumjs-util-b6b4bd9f\dist\account.js'
npm WARN tar ENOENT: no such file or directory, open 'A:\yEarn.finance\github\iearn-finance-master\iearn-finance-master\node_modules\.staging\ethereumjs-account-3f4c6ed2\index.js'
npm WARN tar ENOENT: no such file or directory, open 'A:\yEarn.finance\github\iearn-finance-master\iearn-finance-master\node_modules\.staging\eth-sig-util-9b4fcb97\index.js'
npm WARN tar ENOENT: no such file or directory, open 'A:\yEarn.finance\github\iearn-finance-master\iearn-finance-master\node_modules\.staging\ethereumjs-tx-239a6da7\index.js'
npm WARN tar ENOENT: no such file or directory, open 'A:\yEarn.finance\github\iearn-finance-master\iearn-finance-master\node_modules\.staging\ethereumjs-util-b6b4bd9f\dist\bytes.js'
npm WARN tar ENOENT: no such file or directory, open 'A:\yEarn.finance\github\iearn-finance-master\iearn-finance-master\node_modules\.staging\ethereumjs-account-3f4c6ed2\README.md'
npm WARN tar ENOENT: no such file or directory, open 'A:\yEarn.finance\github\iearn-finance-master\iearn-finance-master\node_modules\.staging\eth-sig-util-9b4fcb97\circle.yml'
npm WARN tar ENOENT: no such file or directory, open 'A:\yEarn.finance\github\iearn-finance-master\iearn-finance-master\node_modules\.staging\crypto-browserify-682e352b\example\bundle.js'
npm WARN tar ENOENT: no such file or directory, open 'A:\yEarn.finance\github\iearn-finance-master\iearn-finance-master\node_modules\.staging\ethereumjs-util-b6b4bd9f\dist\constants.js'
npm WARN tar ENOENT: no such file or directory, open 'A:\yEarn.finance\github\iearn-finance-master\iearn-finance-master\node_modules\.staging\ethereumjs-tx-239a6da7\karma.conf.js'
[...]
Os arquivos que baixei:
https://github.com/iearn-finance/iearn-finance
https://github.com/iearn-finance/itoken
Como resolver isto?
-
By VictorPHP
Bom dia Galera!
Fiz uma tela de cadastro na aplicação usando popup. Para cadastro tudo certo, pois não preciso recolher informações.
Para fazer a tela de update, precisava que quando clicasse no link "Editar" ele buscasse a linha que eu cliquei para editar, porem em todas as tentativas de resolver isso ele pegou somente a primeira linha, fora que colocando o html do popup nessa ordem, ele foi parar la no canto direito.
Segue o codigo de uma das tentativas :
// Aqui é onde faço o select com todos ativos da carteira em tabela, e a DIV popup é exibida quando clico no link Editar. Não sei se é o lugar correto mas foi o mais proximo que consegui de fazer funcionar. Porem como ja explicado sempre pega o primeiro valor em vez da linha que cliquei
{ativo.map(row => (
<tr>
<input className="key" value={row._id} />
<td>{row.ativo}</td>
<td>{row.quantidade}</td>
<td>{row.data_entrada}</td>
<td>{row.valor_entrada}</td>
<td>{row.data_saida}</td>
<td>{row.valor_saida}</td>
<td>R${row.valor_saida - row.valor_entrada}</td>
<td><a onClick={edit}>Editar</a></td>
<div className="popupedit">
<div className="popupedit-content">
<img src={close} alt="close" onClick={fechar} className="close" width="20px" height="20px"/>
<center><input type="text" placeholder="Ativo"></input>
<input type="text" placeholder="Lotes"></input>
<div className="datacompra">
<input type="date" placeholder="Data da Compra" className="data"></input>
<input type="checkbox" className="check"></input><label className="check">Hoje</label>
</div>
<input type="text" placeholder="Valor da Compra"></input>
<div className="datacompra">
<input type="date" placeholder="Data da Compra" className="data"></input>
<input type="checkbox" className="check"></input><label className="check">Hoje</label>
</div>
<input type="text" placeholder="Valor da Venda"></input> </center>
<button className="button">Adicionar</button>
</div>
</div>
</tr>
// função que chama exibi o popup
function edit(){
document.querySelector(".popupedit").style.display = "flex";
}
-
By AlexandrePrezzi
Olá ...
Hospedamos uma aplicação feita em NODEJS e REACT e ela esta em HTTPS , porem essa aplicação consome uma API REST que esta em HTTP.
Com isso o navegador indica Mixed Content, porem não temos como alterar essa API para HTTPS ....
Existe alguma solução para esse caso ? Trabalhar com conteúdo misto ....
-
By AlexandrePrezzi
Pessoal estou tentando configurar o Debugger pro Chrome no VSCode ...para um projeto em 'React' e acredito estar fazendo algo errado..
1 ) Instalei a extensão do Debugger do Chrome ..
2 ) Editei o launch.json da seguinte forma
{ "version": "0.2.0", "configurations": [ { "type": "chrome", "request": "launch", "name": "Launch Chrome", "url": "http://localhost:3000", "webRoot": "${workspaceFolder}" }, ] } Porem quando vou rodar F5 nada acontece ... o Chrome nao abre ....
Alguem teria alguma solução para isso ?
-