Início / user-21331502

Quiet Coder's questions

Martin Hope
Quiet Coder
Asked: 2024-02-19 19:13:02 +0800 CST
  • 5

Acabei de começar a criar um Next.jsaplicativo e, por algum motivo, recebo 404 em todas as páginas que carrego. Eu tentei fazer páginas aleatórias como, myRandommas ainda não funciona! E parece que está me redirecionando para 404, mas não sei

Localização:app -> myRandom.js

URL:http://localhost:3000/myRandom/

Terminal:

   Compiling /myRandom ...
 ✓ Compiled /myRandom in 895ms (247 modules)
 ○ Compiling /not-found ...
 ✓ Compiled /not-found in 971ms (471 modules)

meuRandom.js:

import React from 'react'

const MyRandom = () => {
  return (
    <div>
      random
    </div>
  )
}

export default MyRandom

layout.js :

'use client'
import StoreProvider from "@/redux/store/StoreProvider";
import "./globals.css";
import Head from "next/head";

// export const metadata = {
//   title: "Create Next App",
//   description: "Generated by create next app",
// };

export default function RootLayout({ children }) {
  return (
    <html lang="en">
      <Head>
        <meta charset="UTF-8" />
        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
        <meta name="description" content="" />
        <title></title>
      </Head>
      <body>
        <StoreProvider >
          {children}
        </StoreProvider>
      </body>
    </html>
  );
}

StoreProvider.js :

import React from 'react'
import { store } from './store'
import { Provider } from 'react-redux'

const StoreProvider = ({children}) => {
  return (
    <Provider store={store}>
      {children}
    </Provider>
  )
}

export default StoreProvider
reactjs
Martin Hope
Quiet Coder
Asked: 2023-08-17 16:39:20 +0800 CST
  • 5

Quero adicionar um widget de clima ao meu aplicativo react, estou tentando usar a biblioteca React-Open-Weather. Mas a função que busca os dados useOpenWeather()sempre responde com um 401, confirmei que minha chave de API é válida colocando-a na URL fornecida na documentação de react-open-weather. Mas eu não sei o que está errado `

Erro: GET http://api.openweathermap.org/data/2.5/onecall?appid={apikey}&lang=en&units=metric&lat=48.137154&lon=11.576124 401 (não autorizado)

meu código

import React from 'react'
import ReactWeather, { useOpenWeather } from 'react-open-weather';

const Weather = (props) => {
    const { data, isLoading, errorMessage } = useOpenWeather({
        key: 'myapikey',
        lat: '48.137154',
        lon: '11.576124',
        lang: 'en',
        unit: 'metric', // values are (metric, standard, imperial)
    });


    return (
        <div>
            <ReactWeather
                isLoading={isLoading}
                errorMessage={errorMessage}
                data={data}
                lang="en"
                locationLabel="Munich"
                unitsLabels={{ temperature: 'C', windSpeed: 'Km/h' }}
                showForecast
            />
        </div>
    )
}

export default Weather

Eu tentei reinstalar a lib React-Open-Weather, mas isso não resolve o problema

A URL que usei para confirmar minha chave de API: http://api.openweathermap.org/data/2.5/forecast?id=524901&appid={apikey}

javascript