Javascript 训练营和代码沙盒挑战告诉我axios没有定义_Javascript_Api_Axios

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

javascript api

Javascript 训练营和代码沙盒挑战告诉我axios没有定义,javascript,api,axios,Javascript,Api,Axios,我不知道我的代码哪里出错了。挑战在于在页面的h1中显示我所在位置的当前温度，但我的控制台告诉我axios没有定义。我不确定这是因为我正在使用codesandbox，还是因为我的代码中缺少了一个错误。谢谢 JS HTML 她密码是Plus JavaScript地理定位API JS挑战1 使用地理定位API记录当前的纬度和经度 JS挑战2 记录您所在的当前温度 JS挑战3 按当前温度更改本页的h1 您安装了Axios吗？我认为您没有将Axios导入到您的文件中 npm install axio

我不知道我的代码哪里出错了。挑战在于在页面的h1中显示我所在位置的当前温度，但我的控制台告诉我axios没有定义。我不确定这是因为我正在使用codesandbox，还是因为我的代码中缺少了一个错误。谢谢

HTML


她密码是Plus
JavaScript地理定位API
JS挑战1
使用地理定位API记录当前的纬度和经度
JS挑战2
记录您所在的当前温度
JS挑战3

按当前温度更改本页的h1

您安装了Axios吗？我认为您没有将Axios导入到您的文件中

npm install axios

OP显然试图在浏览器中使用

axios

，并将其作为

参考包含在他们的HTML中。我无法重现您在中描述的错误-您是否可能在本地机器上使用的内容和您在此处发布的内容之间进行了任何更改？我只是查看了一下，没有，这是所有问题同样，但是训练营使用codesandbox提交作业，所以我需要它来处理codesandbox。但是当我打开JSFIDLE时，它也没有显示当前的温度。

<!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>

npm install axios

import axios from 'axios';