无法加载 DATE-FNS

问题描述 投票:0回答:0

我正在尝试在包含 HTML 和 JavaScript 的项目中使用 DATE-FNS,但该模块无法正常工作。

我将 VS Code 与 Liver Server 扩展一起使用。

我的

package.json

{
  "name": "Project1",
  "version": "1.0.0",
  "dependencies": {
    "date-fns": "^2.29.3"  
  }
}

我的 HTML

<head>

<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>ToDo List</title>
  <link rel="stylesheet" href="styles.css">
  <script type="module"  src="Ui.js" defer></script>
  <script src="https://kit.fontawesome.com/efbd7c5f89.js" crossorigin="anonymous"></script>
</head>

当我使用这个在脚本中调用它时:

import { isToday, isThisWeek } from 'date-fns';

我得到这个错误:

未捕获的类型错误:无法解析模块说明符“date-fns”。相对引用必须以“/”、“./”或“../”开头。

所以我试过这个:

import { isToday, isThisWeek } from './node_modules/date-fns';

但是得到了另一个错误:

:5500/node_modules/date-fns/:1 加载模块脚本失败:需要一个 JavaScript 模块脚本,但服务器以 MIME 类型“text/html”响应。根据 HTML 规范对模块脚本执行严格的 MIME 类型检查。

javascript mime-types date-fns
© www.soinside.com 2019 - 2024. All rights reserved.