我是 javascript 新手,希望在项目中包含 moment.js (或任何其他库),但我不知道如何设置我的项目以便可以从库导入。 我已经像这样设置了我的html:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Using Libraries</title>
</head>
<body>
<script src="script.js" type="module"></script>
</body>
</html>
和我的脚本:
import moment from "moment";
console.log(moment());
然后我就跑了
npm install moment --save
在终端中获取我的node_modules、package.json、package-lock.json。当我运行 html 时,我仍然收到 CORS 错误:
Access to script at 'file:///home/daliborp/repos/gittest/script.js' from origin 'null' has been blocked by CORS policy: Cross origin requests are only supported for protocol schemes: http, data, isolated-app, chrome-extension, chrome, https, chrome-untrusted.
我做错了什么? 如果没有 npm 或任何包管理器,我将如何使用 moment.js (或任何其他库)?
在教程中,我使用 webpack 在终端中运行命令达到了目的,但是如果没有 webpack,我不知道如何导入库。 有什么建议,也许是关于该主题的好教程?
首先考虑您需要设置您的项目。像“npm init”一样并创建一个像“app.js”这样的javascript文件。打开终端并使用 CD 命令转到项目路径,然后在终端上键入命令 npm install moment --save 。打开 app.js 文件并输入代码“const moment = require("moment");”
然后打印 console.log(moment());