小编Geo*_*ana的帖子

我正在尝试部署我的 NextJs 应用程序。过去几天我也遇到了同样的两个错误：

1: // 稍后会出错
2: 错误：未构建无服务器页面。了解更多： https: //err.sh/vercel/vercel/now-next-no-serverless-pages-built
我不知道如何修复它们。如果有人提供帮助，我将不胜感激

这是我的 package.json 文件：

{
  "name": "my-dev-portfolio",
  "version": "1.0.0",
  "description": "",
  "main": "index.js",
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1",
    "dev": "next",
    "bulid": "next build",
    "start": "next start",
    "now-build": "next build"
  },
  "keywords": [],
  "author": "",
  "license": "ISC",
  "dependencies": {
    "@fortawesome/fontawesome-svg-core": "^6.1.1",
    "@fortawesome/free-brands-svg-icons": "^6.1.1",
    "@fortawesome/free-solid-svg-icons": "^6.1.1",
    "@fortawesome/react-fontawesome": "^0.2.0",
    "next": "^12.2.0",
    "react-dom": "^18.2.0",
    "typewriter-effect": "^2.19.0"
  }
}

next.config.json 文件：

module.exports = {
    target: "serverless"
}

now.json 文件： …

我是测试驱动开发的新手，我遇到了有关测试/模拟 fetch api 的部分。但我正在努力编写自己的测试。我构建了一个简单的天气应用程序，只是为了使用笑话来测试/模拟获取。但测试总是失败。我不断收到如下错误：

无效的挂钩调用。钩子只能在函数组件的主体内部调用。发生这种情况可能是由于以下原因之一： 不仅如此，我不知道我哪里出了问题，所以我来这里寻求有关如何模拟/改进我的测试以使其成功的提示。H

这是我的 React 代码：(App.js)

  const [search, setSearch] = useState('');\n  const [weather, setWeather] = useState({}); \n  \n  const handleChange = (e) => {\n    setSearch(e.target.value)\n  }\n\n //function returns a promise\n  const WeatherData = async (e) => {\n    if (e.key === "Enter") {\n      await fetch(`${api.baseURL}weather?q=${search}&appid=${api.key}`)\n        .then(data => data.json())\n        .then(city => {\n          //console.log(city)\n          setSearch('')\n          setWeather(city)\n        })\n    }\n  }\n\n  const currentDate = (d) => {\n    let months = ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', …