主页 / user-21331502

Quiet Coder's questions

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

我刚刚开始构建一个Next.js应用程序，由于某种原因，我加载的每个页面上都会出现 404 错误。我尝试过制作随机页面，例如myRandom但仍然不起作用！看起来它正在将我重定向到 404，但我不知道

地点：app -> myRandom.js

网址：http://localhost:3000/myRandom/

终端：

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

myRandom.js：

import React from 'react'

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

export default MyRandom

布局.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

我想将天气小部件添加到我的反应应用程序中，我正在尝试使用 React-Open-Weather lib。但是获取数据的函数useOpenWeather()总是以 响应401，我通过将其放入react-open-weather 文档中给出的 URL 中来确认我的 api-key 是有效的。但我不知道出了什么问题`

错误：GET http://api.openweathermap.org/data/2.5/onecall?appid={apikey}&lang=en&units=metric&lat=48.137154&lon=11.576124 401（未经授权）

我的代码

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

我尝试重新安装 React-Open-Weather 库，但这并不能解决问题

我用来确认 api 密钥的 URL：http://api.openweathermap.org/data/2.5/forecast?id=524901&appid={apikey}

javascript