繁体   English   中英

训练营和代码沙盒挑战告诉我 axios 未定义

Bootcamp and code sandbox challenge is telling me axios is not defined

提示:本站收集StackOverFlow近2千万问答,支持中英文搜索,鼠标放在语句上弹窗显示对应的参考中文或英文, 本站还提供   中文繁体   英文版本   中英对照 版本,有任何建议请联系yoyou2525@163.com。

我不知道我的代码哪里出错了。 挑战是在页面的 h1 中显示我所在位置的当前温度,但我的控制台告诉我 axios 未定义。 我不确定是不是因为我使用的是代码和框,还是我的代码中遗漏了错误。 谢谢

JS

function showTemperature(response) {
  console.log();
  let temperature = Math.round(response.data.main.temp);

  let heading = document.querySelector("h1");
  heading.innerHTML = `The outside temperature is ${temperature}℃`;
}

function retrievePosition(position) {
  let latitude = position.coords.latitude;
  let longitude = position.coords.longitude;
  let units = "metric";
  let apiKey = "cb64da9857db4762d73f7ab9b0ccec88";
  let apiEndpoint = "http://api.openweathermap.org/data/2.5/weather";
  let apiUrl = `${apiEndpoint}?lat=${latitude}&lon=${longitude}&appid=${apiKey}&units=${units}`;
  console.log(apiUrl);

  axios.get(apiUrl).then(showTemperature);
}
navigator.geolocation.getCurrentPosition(retrievePosition);

HTML

<!DOCTYPE html>
<html>
  <head>
    <title>She Codes Plus</title>
    <meta charset="UTF-8" />
    <link href="src/styles.css" rel="stylesheet" type="text/css" />
    <script src="https://cdn.jsdelivr.net/npm/axios/dist/axios.min.js"></script>
  </head>

  <body>
    <img src="images/logo.png" alt="She Codes Plus Logo" class="logo" />
    <h1>JavaScript Geolocation API</h1>

    <h3>JS Challenge 1</h3>
    <p>Log your current latitude and longitude using the Geolocation API</p>

    <h3>JS Challenge 2</h3>
    <p>Log the current temperature where you are.</p>

    <h3>JS Challenge 3</h3>
    <p>
      Change the h1 of this page by the current temperature
    </p>

    <script src="src/index.js"></script>
  </body>
</html>

1 个回复

你安装了axios吗? 我认为您没有将 Axios 导入到您的文件中。

npm install axios
import axios from 'axios';
1 为什么控制台告诉我未定义?

在上面的JS代码中,Chrome控制台不断告诉我未定义第一个“ $”。 我的html文件中有一个名为“ bVid”的类,它附加在按钮上。 我的css文件中也有它,该文件也附加到标题中的html文件中。 谁能帮我? ...

2018-06-23 06:08:48 2 33   jquery
2 该代码段告诉我什么?

我知道wait()会强制父进程等待子进程停止或终止。 wait()返回子项的pid或-1表示错误 我不明白这句话在做什么。 谢谢 ...

4 为什么贝宝沙箱告诉我我的购物车是空的?

在我的本地计算机上,当我提交此表单时,确实在$_SESSION['cart']中包含项目,沙箱会识别其中的项目。 但是,当我在实时服务器上尝试使用它,并且在$_SESSION['cart']有一个项目的情况下提交表单时,沙箱显示我的购物车是空的……为什么? ...

5 萤火虫错误地告诉我我的变量没有定义

我在下面的代码中设置了断点,它表示“断点”。 还为dataStore添加监视表达式。 在这个断点处,Firebug告诉我“ReferenceError:dataStore未定义”。 尝试检查“areEq”时的结果相同。 但是,dataStore.push执行时没有错误。 另外一个 ...

7 为什么我的代码告诉我 .draw 不是一个函数?

我创建了这个游戏,玩家控制一个篮子来随机捕捉水果。 我的代码告诉我 .draw 不是函数 first.draw(); (这是在我的数组中绘制第一个水果),并在为水果创建一个类后创建了一个绘制函数。 所以我不太确定我必须做什么来解决这个问题。 first.draw 不起作用 ...

9 为什么QtSPIM告诉我“标签是第二次定义”?

我是学习MIPS汇编代码的新手,我们得到了第一个编码任务。 我运行程序时遇到错误(这应该是我们必须编写的另一个函数的测试人员) “spim :( parser)标签是第二次在文件/ home / jlr247 / 215_A2_work / jlr247-a2-As main的第13行定 ...

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2022 STACKOOM.COM