我正在尝试在包含 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 类型检查。