Jsaxios錯誤：匯入呼叫只需要一個引數-有解無憂

我是一個初學者，我試圖做我的第一個從 API 獲取資料的專案，但我遇到了一個錯誤。我正在嘗試使用 axios 從 Riot API 獲取資料，我遵循的教程沒有遇到此錯誤，我無法在任何地方找到解決方案。錯誤是：SyntaxError: Unexpected identifier 'axios'。import call 只需要一個引數。

代碼：

import axios from "axios";

const riot_key = "my-riot-key";

function searchForPlayer(summonerName) {
  const APICallString = `https://euw1.api.riotgames.com/lol/summoner/v4/summoners/by-name/${summonerName}?api_key=${riot_key}`;
  axios
    .get(APICallString)
    .then(function (response) {
      //SUCCESS
      console.log(response);
    })
    .catch(function (error) {
      //ERROR
      console.log(error);
    });
}

searchForPlayer(M4T789);

這對我來說可能只是一個愚蠢的錯誤，但我無法在任何地方找到它，謝謝。

這是html：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>League Summoner</title>
    <link rel="stylesheet" href="style.css">
    
</head>
<body>
    <h1>League of Legends Summoner</h1>
    <script src="script.js"></script>
</body>
</html>

uj5u.com熱心網友回復：

通常我希望這會提供錯誤訊息

未捕獲的語法錯誤：無法在模塊外使用 import 陳述句

目前尚不清楚為什么您會收到不同的錯誤訊息。可能您之前import在代碼中的某處定義了一個函式，或者正在瀏覽器中進行測驗，我沒有看到這個問題。

除此之外，您還有兩個直接的問題。

您不能`import`在模塊之外使用。

您需要從<script type="module">

您不能使用 Node.js 模塊決議

瀏覽器無法搜索名為的模塊axios，您必須提供 URL 而不是名稱。

您所遵循的教程假設您在構建步驟中使用帶有工具鏈的典型 React 開發環境來捆綁 TypeScript 和/或 ES6 模塊。

避免針對您不使用的平臺的教程。你只會感到困惑。

考慮使用 CDN（如其檔案中所述）加載 Axios，而不是使用您不使用的包管理器。

考慮完全不使用 Axios。這是相當大的代碼塊，并且它的最大好處（提供一致的、基于承諾的 API 用于在瀏覽器和 Node.js 上發出 HTTP 請求）已經逐漸消失，因為瀏覽器和 Node.js對獲取 API。

轉載請註明出處，本文鏈接：https://www.uj5u.com/qukuanlian/471221.html

標籤：javascript axios

上一篇：從選擇/下拉串列中獲取值/文本

下一篇：為什么react-native-elements表單在輸入下方顯示一行？

Jsaxios錯誤：匯入呼叫只需要一個引數

您不能import在模塊之外使用。

您不能使用 Node.js 模塊決議

您不能`import`在模塊之外使用。