问题标签 [npm-package]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
0 回答
57 浏览

javascript - 导入 NPM 模块

我刚刚分叉了一个 github 项目,做了一些更改并将其添加到我的项目中。问题是,我不知道如何将它导入我的项目

我试过这个导入语句:

但它没有用。说实话,我不知道我应该尝试什么(这是我第一次创建 npm 包)。

这是项目: https ://www.npmjs.com/package/editorjs-react

关于如何让它发挥作用的任何想法/建议?

0 投票
1 回答
460 浏览

javascript - 如何在 NPM 包中使用 webpack 动态导入?

我有一个导航栏 npm 包,我将它导入到其他项目中。它基于运行时从 Web 服务器加载的 JSON 配置文件动态导入 FontAwesome 图标。

当我构建 navbar 包时,整个 FontAwesome 库最终在构建目录中成为块,正如我所期望的那样。

当我在另一个项目中导入该导航栏模块时,该项目的构建不包括 FontAwesome 块。所以动态导入 HTTP 调用得到 404。

我在网上找不到太多关于这个用例的信息,可能是因为我不知道要查找的术语,可能是因为这首先是一个糟糕的想法。

如何让 webpack 看到一个包具有动态导入并将必要的块复制到构建目录?

0 投票
1 回答
1203 浏览

angular - ng build —prod 失败但能够运行

我是 Angular 环境的新手,并使用 Bootstrap 4 + angular material 创建了一个项目。我正在使用“material.module.ts”来导入-导出所有必需的材料组件。

当我使用“ ng serve ”命令运行应用程序时,它没有显示任何错误并且运行顺利。当我使用--aot参数构建或为生产构建(ng build --prod)时,它会给出错误:

使用 --prod 参数的角度构建失败但能够运行应用程序

以下是ng --version的输出:

我尝试了 npm update、npm audit fix、ng update.. 但都没有解决问题。我的mac和windows机器也有同样的问题

0 投票
2 回答
702 浏览

reactjs - 从项目中为导入的组件反应组件环境变量

我有一个 Create React 项目,它有一些用于配置的本地环境变量。我有一个使用 env 变量来配置自身的组件。它使用导入变量

我想将组件移到 npm 包中,但保留使用process.env.MY_VAR. 当我构建和发布包时,它将使用当前MY_VAR而不是MY_VAR我想要导入的项目中的包来构建它。有没有办法我可以做我所追求的。

我已经考虑重构组件以将环境变量作为道具,但这不是我真正想做的事情。

有没有办法我可以做我所追求的。

0 投票
1 回答
164 浏览

javascript - Electron:使用`executeJavaScript`加载文件

我需要BrowserView使用executeJavaScript. 该软件包是Web3,这是我迄今为止尝试过的。

但这会引发以下错误。

Web3 正在尝试加载其核心依赖项,但不幸的是没有得到字符串化。

所以我的问题是,我怎样才能将整个包加载到BrowserView? Aka 如果您无法控制<script />标签(至少我不知道如何在 Electron 中注入这些标签),您如何在浏览器中加载 npm 包?

更新:

由于 OJ Kwon 在评论中的建议,我尝试通过运行将 Web3 与Browserify捆绑在一起

. 它似乎奏效了,因为在捆绑文件 ( web3-bundle.js) 的最后,它说:

现在,我正在尝试像这样导入并包含它:

这是行不通的。它说undefined不是构造函数。

两者都没有工作,要么。应该如何做到这一点?

更新 2: 进一步检查捆绑包,它具有使用exports.module.exports =. 我的编辑器只建议导出exports.为可导入的方法和对象

0 投票
0 回答
50 浏览

javascript - 纱线创建看似不必要的依赖关系

我已经将一个私有包作为 tarball 发布到 URL 并在另一个包中使用它,但是当我安装它时,它正在安装它不应该安装的东西(在我看来)。

我的私有包package.json在依赖项中看起来像这样:

正在使用它的包如下所示:

然而,当我的私有包与 yarn 一起安装时,它会创建自己的node_modules文件夹并安装 rxjs 和 lodash,尽管它安装的包中已经有包,据我所知,满足其要求。

  1. 我是否没有在我的私有包(或使用它的包中正确声明依赖项?)
  2. 这是否与私有包的性质有关 - 它只是一个包含构建文件夹和package.json?
0 投票
1 回答
428 浏览

typescript - 创建既是命令行实用程序又是导出方法的 npm TypeScript 模块 - 可能吗?

我想创建 npm TypeScript 模块,它既可以用作命令行实用程序,也可以用作其他模块的导出方法。

问题是命令行实用程序模块需要在 index.ts 的第一行包含节点 shebang(#!/usr/bin/env 节点)。当此类模块被导入并在另一个模块中引用时,代码在实际调用任何导出的方法之前开始执行。例子:

0 投票
29 回答
826185 浏览

javascript - SyntaxError: 不能在模块外使用 import 语句

我有一个ApolloServer项目给我带来了麻烦,所以我想我可能会更新它并在使用最新的 Babel 时遇到问题。我的“index.js”是:

当我运行它时,我得到了错误

首先,我试图说服 TPTB* 这是一个模块(没有成功)。所以我将“ import ”更改为“ require ”,这很有效。

但是现在我在其他文件中有大约两打“导入”,给了我同样的错误。

*我确定我的问题的根源是我什至不确定是什么在抱怨这个问题。我有点假设它是 Babel 7(因为我来自 Babel 6,我不得不更改预设)但我不是 100% 确定。

我发现的大多数解决方案似乎都不适用于直接 Node.js。就像这里的这个:

ES6 模块导入给出“未捕获的语法错误:意外的标识符”

说它是通过添加“type = module”来解决的,但这通常会出现在HTML中,我没有。我也尝试过使用我项目的旧预设:

但这又给我带来了另一个错误:“错误:插件/预设文件不允许导出对象,只能导出函数。”

以下是我开始使用的依赖项:

0 投票
1 回答
217 浏览

npm - 有没有办法将环境变量添加到 npm 包并在 azure build pipeline 中修改它?

我创建了一个 npm 包,它可以访问在后端运行的少数 API。访问这些 api 的 URL 是硬编码在包中的。大多数时候我们需要更改 URL 以指向另一个 api(不同的版本指向不同的数据库)。我们最终编辑代码并更新 URL 并重新发布 npm 包。

我们的 npm 包代码位于私有 git 存储库中。我们正在创建一个管道,它将在签入时自动发布包。我们希望将 URL 添加为构建变量,这些变量将在构建管道期间获取,并将在发布之前作为 npm 包的一部分添加。

有什么办法吗?如果是,则需要在 azure 管道流程和实际代码中进行哪些更改?

0 投票
1 回答
4734 浏览

lerna - “Lerna List”和“Lerna Changed”返回 0 个包

要旨

我有一个 monorepo,我正在使用yarn 工作区lerna来管理它。到目前为止,我没有任何问题。我需要知道自上次发布以来所有更改的包。

问题

所以我运行lerna changeddocs),但这就是它返回的内容:

同样, lerna 在运行时找不到任何包lerna listdocs):

好像有什么东西坏了。但我在我的设置中找不到任何问题。

设置

文件树

lerna.json

包.json

整个存储库都在GitHub 上,如果您想仔细查看的话。