如何通过 npm 使用库?

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

我是 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,我不知道如何导入库。 有什么建议,也许是关于该主题的好教程?

javascript html shared-libraries
1个回答
0
投票

首先考虑您需要设置您的项目。像“npm init”一样并创建一个像“app.js”这样的javascript文件。打开终端并使用 CD 命令转到项目路径,然后在终端上键入命令 npm install moment --save 。打开 app.js 文件并输入代码“const moment = require("moment");”

然后打印 console.log(moment());

© www.soinside.com 2019 - 2024. All rights reserved.