问题标签 [npm-package]

我有一个使用 redux 实现的反应应用程序。在使用 redux 之前，我能够成功地将其发布为 npm 包库，并将其用作另一个 react 应用程序中的第三方组件。然后我使用 redux 来实现并在更改版本后通过简单地运行“npm publish”再次发布它。我能够成功发布它。但是当我在另一个没有使用 redux 的 react 应用程序中将它用作第三方组件时，它给了我一个错误。

有没有办法发布一个使用 react-redux 的包，用作不使用 redux 的 react 应用程序中的第三方组件？

我已经阅读了关于堆栈溢出的所有其他帖子（其中有很多）。但据我所知，它们都提供了相同的潜在修复，例如if(process.client)用. 不幸的是，这些解决方案都不适合我。似乎包文件（flickity.js）仍在服务器端运行，导致错误。我尝试用require替换导入并将其包装在条件中，但这也不起作用。如您所料，如果我不包含该行，我得到的错误是. 当我按如下方式包含它时，我得到<client-only>mode:"client"clientnuxt.config.jsif (process.client)import Flickity from 'flickity';Flickity is undefinedwindow is not defined - flickity.js 有谁知道防止这个包运行我错过的服务器端的任何其他要求？

使用 flickity 的组件（包装在仅客户端标签中）

nuxt.config.js 中的插件数组

],

~plugins 目录中的 Flickity.client.js 文件

（我也尝试添加export default Flickity;到此文件，但呈现相同的服务器错误

我为一个 react-native 项目创建了一个 NPM 包。

我将文件组件与样式文件分开。

但白屏并无法操作应用程序。

我在我的角度应用程序中包含数据表。当我跑

我收到以下错误代码（请参阅图片）。 错误图像

我不确定是什么导致了这个错误。请同时运行 package.json。

包.json

I'm trying to locally build the oodt_fm_plugin NPM package and link it locally to the oodt_opsui_sample_app. However, when I'm trying to do that, the following error is thrown in the browser.

Error: Minified React error #321; visit https://reactjs.org/docs/error-decoder.html?invariant=321 for the full message or use the non-minified dev environment for full errors and additional helpful warnings.

The error goes away if I remove the withStyles HOC from the components in oodt_fm_plugin, but I want to preserve it for the material UI styles.

React components in the oodt_fm_plugin have been exported as follows. ( This plugin can be viewed at https://github.com/apache/oodt/tree/development/react-components/oodt_fm_plugin. )

export default withStyles(styles)(Product);

What I tried to overcome this are as follows, but none of those solved the issue.

1. Making react and react-dom packages in the plugin, dev dependencies
2. Adding the following snippet to the webpack.config.js of the plugin.

Can someone point me in the right direction so that I can set up both oodt_fm_plugin and oodt_ui_sample_app correctly in local dev environment? Helpful advice is highly appreciated.

实际上我创建了一个 npm 包，如果我在其中运行它会为我创建一些文件，而它会在 node_modules 中创建它，所以我添加../了这个地方，但它仍然在包文件夹之外的 node_modules 中创建......

这是我的包裹代码

任何人都可以请帮助...

先感谢您... ！！！

Expo 应用程序示例是否可以加载位于父文件夹中的模块并在我重建包时查看示例应用程序中的更改（使用 tsc -w 重建任何保存的文件）？我确切地说该模块尚未在 npm 上发布。

我已经成功地使用带有 yarn 工作区和 expo-yarn-workspaces 包的 monorepo 架构来做到这一点。但是，当您不想像 monorepo 那样发布您的包时，该怎么办？

例如，在这个 repo https://github.com/cuvent/react-native-vision-camera 在裸工作流中有一个示例 RN 应用程序，在它的 package.json 中没有提到开发的包（意味着它是没有像普通依赖一样安装）。但是在应用程序 src/App.tsx 中，该包的使用方式如下：

不过，react-native-vision-camera 的使用就像它已经并且通常与 yarn 或 npm 一起安装一样。它是如何工作的 ？

谢谢。

我正在尝试构建一个具有绘图功能的反应原生应用程序，我遇到了这个包：https ://www.npmjs.com/package/react-native-draw-on-screen

这篇文章中也提到了这个包： 如何使用 React Native 在屏幕上绘图？

看来我们必须根据示例导入一个名为“Controls”的模块，但我不确定包中是否提供了该代码。我还尝试查找 react 是否与handleColorChangeor相关handleBrushSizeChange，但这似乎特定于 Controls 模块。

有什么我可以代替这个模块写的吗？我真的很感激这方面的任何帮助！

下面是包提供的示例代码：

PS这是我在stackoverflow上的第一篇文章，如果有任何关于提出好问题的反馈，我也会很感激！

我创建了一个香草 JS 脚本来操作按钮单击时的一些 DOM 元素（轮播组件中的项目）。

我的目标是能够在使用 HTML 模板的目标页面中导入脚本，并注入脚本的逻辑以浏览画廊项目。这无需以编程方式创建我的脚本实例或从模板本身调用任何方法。

这个想法是为了实现与一些引导组件相同的行为，其中模板 CSS 类和 JavaScript 之间的匹配是在幕后完成的。脚本和模板将被导出为 npm 包，因此我想请求确认：

1-考虑将脚本导出为npm包的最终目标，将整个登录打包在“module.exports”中是一种好方法还是有更好的方法？

2-有没有比听更好的方法DOMContentLoaded来确保在运行脚本之前加载 DOM 内容？

脚本

模板

我已经发布了库，但是有一个问题。我需要做这样的事情来访问我的代码：

有两个问题：

1. 我需要使用lib它应该只是的文件夹@akashshyam/color-utilities/index
2. 我已经导出了一个默认对象。但是要访问它，我需要使用该default属性

这是 package.json

现在，编译为 vanilla JS 前后的文件夹结构：

除index.js具有一个或多个导出功能外的所有文件。我正在创建一个index.js包含所有功能的对象：

另外，我想将这些多个文件合并到一个文件中并缩小代码。我目前正在使用 typescript 编译器来编译这些文件。我尝试了 webpack，但出现了一些错误。我愿意使用捆绑器，但请提供配置。我希望你们能对这些观点有所了解。提前致谢！