无法解析模块说明符“@tauri-apps/api/http”

Question

import { fetch } from '@tauri-apps/api/http';

document.addEventListener('DOMContentLoaded', async function() {
  const serverIP = 'http://185.221.21.49:30120/players.json';
  const playerCountElement = document.getElementById('player-count');

const response = await fetch(serverIP, {   method: 'GET', timeout: 1000, })
console.log("response:", response)
    .then(response => {
      if (!response.ok) {
        throw new Error(`Network response was not ok: ${response.statusText}`);
      }
      return response.data;
    })
    .then(data => {
      if (data && data.players) {
        playerCountElement.textContent = `Játékosok száma: ${data.players.length}`;
      } else {
        playerCountElement.textContent = "Játékosok száma: Nem sikerült lekérni";
      }
    })
    .catch(error => {
      console.error("Error fetching player count:", error);
      playerCountElement.textContent = "Játékosok száma: Nem sikerült lekérni";
    });
});

这会导致

错误代码：TypeError：无法解析模块说明符“@tauri-apps/api/http”。相对引用必须以“/”、“./”或“../”开头。

我已经尝试了一切，我已经搜索并搜索了解决方案，但我找不到它，请帮助我。我就是无法让它发挥作用。

我尝试了很多东西，其中大部分都被搜索饱和了

Answer 1

目前尚不清楚您的问题到底是什么， 但经过仔细检查，我的直觉告诉我，您可能缺少一些安全设置，请检查您的 csp 设置和 http 允许列表。

另请检查功能/base.json 中的权限设置

类似的东西可能会丢失

{
  "permissions": [
    {
      "identifier": "http:default",
      "allow": [{ "url": "https://*.tauri.app" }],
      "deny": [{ "url": "https://private.tauri.app" }]
    }
  ]
}

我无法准确说出问题是什么，因为您提供的信息很少，但很可能是安全或权限问题。 考虑到错误代码的上下文，我可以根据经验判断。