问题标签 [bit.dev]

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 回答
106 浏览

reactjs - 如何将依赖于项目中 TS 声明合并文件的组件添加到我的 bit.dev 集合中?

我正在使用 Next.js + TS 项目中的组件创建一个 bit.dev 集合。我在尝试上传到依赖于我的react-table-config.d.ts文件的集合组件时遇到错误。由于隔离过程,我使用的一些反应表属性不存在,bit.dev 使用它来创建组件。我想该错误必须与无法识别我的 .d.ts 文件的 bit.dev 的依赖关系图有关。

例如,react-table 的列包含该fieldValue属性。我有一个遍历列并使用该属性的组件。向我展示的众多错误bit build之一是这个:

如您所见,bit.dev 无法识别我对react-table. react-table-config.d.ts在将组件添加到我的集合并避免错误时,我需要哪种配置允许 bit.dev 使用我的文件?

0 投票
0 回答
48 浏览

typescript - 如何禁用 tsconfig.json 自动生成?

我的节点模块中有 bit.dev 组件,它是用打字稿编写的。我需要删除 tsconfig 排除数组中的节点模块

0 投票
0 回答
14 浏览

bit.dev - 如何在未定义的情况下将 Bit.dev 与外部浏览器库一起使用

我正在尝试标记、导出我的组件,以便我可以在我的项目中共享这些组件,我正在使用 bit.dev

几乎所有的组件都依赖于一个窗口对象fm。现在我无法标记和导出组件,因为它说 fm 未定义。

如何进行标记和导出。

0 投票
1 回答
53 浏览

reactjs - 如果组件使用 Material UI 等外部库,Bit build 会引发错误?

我的用例:

我有一个带有 Material UI 的 Button 组件。我想将该组件导出到位组件,但是在编译时bit build,我在 Material UI 模块上遇到错误:

错误截图

如果组件具有外部库依赖项,我如何隔离它?

0 投票
0 回答
42 浏览

node.js - 使用 npm 依赖的 .npmrc

我创建并发布了一个 npm 包,我们称之为 A。

这个包使用了对位的依赖,我们称它为 B。我在我的包 repo 上放了一个 .npmrc ,其中包含以下行:

"'@bit:registry'"=https://node.bit.dev

现在,当我从另一个项目(例如一个空白的新 npm init 项目)安装我的包 A 时,找不到子依赖项 B,因为 npm 不理解注册表位。

我仔细检查了一下,.npmrc 文件被打包在 A 中。

有什么方法可以安装依赖项 A 而无需更改它自己的 .npmrc ?

0 投票
1 回答
71 浏览

javascript - bit.dev 相当于分叉一个 repo 并提交一个 PR 是什么?

bit.dev相当于分叉一个 repo 并提交一个 PR 是什么?我需要对https://bit.dev/mui-org/material-ui/swipeable-drawer做一个小改动。我可以看到它是 MIT 许可的,并且他们有一个代码浏览器,但据.git我所知没有端点。

我是一位经验丰富的开发人员,但我之前没有使用过 bit.dev。我试图在他们的大量文档中找到答案,但它侧重于从头开始创建组件。它没有为不熟悉 bit.dev 的开发人员提供修改现有组件的明确方法。我在他们的 Slack 频道上发帖,但没有人回应。

在此处输入图像描述

0 投票
0 回答
86 浏览

angular - 将 Angular 编译器导入 Bit 会导致依赖树问题

我正在尝试实现一个公共项目,我在其中保留了几个可重用的 Angular 组件和服务,我想将它们用于其他几个项目。我想使用 Bit 在我的项目之间共享组件(或者更确切地说是模块)。我按照教程和其他教程的说明进行操作。

以下命令都可以正常工作并且符合预期:

npm install bit-bin -g

位登录

位初始化

位添加--main src/components/content/editable/editable.image.module.ts

位状态提示如下:

当我想将 Angular 编译器导入 Bit 时,麻烦就开始了,如下所示:

位导入 bit.envs/compilers/angular --compiler

我对 npm 依赖处理不太了解,但显然编译器@bit/bit.envs.compilers.angular@10.1.7将 TypeScript 4.0.3 作为其依赖项,而 Bazel 需要旧版本的 TypeScript。奇怪的是,我自己的项目有 TypeScript 4.3.15 作为 devDependency:

起初,我在我的项目中尝试过较旧的 TypeScript 版本或较旧版本的 Angular,但无济于事。我认为它与 Bit 角度编译器本身的依赖树有关。我可能会排除 Bazel 作为它的依赖项,但这对于 Bit 原子化 Angular 模块来说应该是必要的。我试图用谷歌搜索这个问题,但找不到其他人有这个问题。

也许这是显而易见的愚蠢的事情,我对此有一个盲点。非常感谢任何帮助或提示。

0 投票
0 回答
65 浏览

angular - 在 bit.dev 上存储原始 Ionic (Angular) 组件

问题:

我想以原始形式在 bit.dev 平台上使用 Ionic(用于 Angular 框架)组件。

我在尝试这样做时遇到了几个问题。

  • Ionic 具有单个全局 ngModule,它正在导出所有组件。每个组件没有单独的模块。
  • Ionic 中的组件(Angular 组件)在一个名为 proxies.ts 的文件中声明(它是自动生成的)
  • 我不喜欢更改原始 Ionic 组件的源代码

目的:

  • 拥有原始离子成分的唯一真实来源
  • 在 bit.dev 云中可视化原始离子组件集合
  • 可以通过 @bit/custom_collection 别名导入组件,但使用原始 html 标记,即

<ion-button></ion-button>.

  • 制作另一个集合/范围(即品牌样式的组件),其中组件使用原始 Ionioc 组件(这些存储在 bit.dev 上)

可能的解决方案:

现在我正在考虑为我的 Workspace 中的每个 Ionic 组件创建单独的 ngModule ,这也是一个小组件(导出到云)。但另一方面,我需要在 Angular 中将 Ionic 组件作为 IonicModule.forRoot() 导入。这意味着通过为每个组件创建 ngModules 来分离 Ionic 组件将是人工的,并且只是让我有可能在 can 和 import 中可视化它。当然还有一个优势——我可以强制每个组件依赖于具体的 Ionic 框架版本(作为对等依赖)。另一方面,如果 Ionic 框架,所有存储在位上的原始 Ionic 组件都将依赖于相同的版本。

我在这里还假设我需要为每个位组件创建一个单一的条目文件,但也许这个假设是错误的,我不应该将每个组件视为逻辑组件,而是一种纯粹的样式。所以组件会是这样的: ionic-button.scss , ionic-title.scss 等等......但是这里我有另一个问题 - 正如我之前提到的,我想保留原始 Ionic 组件,所以任何额外的样式这里可能不会发生,这意味着 - 文件 (*.scss) 将是空的。

按照这些示例,这将得出结论,我应该尝试创建没有文件的组件,但仅依赖于 Ionic 框架、Angular 等,并最终在云中创建不同的组件示例。但同样 - 所有组件都将是空的,并且具有相同的依赖关系。可以用bit来构建吗?这些假设正确吗?

也许有人面临类似的问题并有不同的解决方案。我将不胜感激对此的任何想法。

0 投票
2 回答
49 浏览

reactjs - 我无法使用 --compiler 选项进行位导入

我有问题。
我想导入打字稿编译器。
然后我尝试了这个命令:bit import bit.envs/compilers/typescript --compiler

但它不起作用。这是错误消息:

也许编译器选项没有进入位导入...<br />这是我的版本信息:

请帮帮我……</p>

0 投票
0 回答
11 浏览

javascript - 如何在 Bit Harmony 中实现 React Enzyme 测试

我正在尝试将现有的反应库移至 Bit Harmony。原始库使用 Enzyme 进行测试。当我尝试修改演示 my-react 环境以使用酶代替时,我遇到了指定 setupTests.js 文件位置的问题。

我修改了位于的 jest.config.js 文件demo/envs/my-react/jest以匹配以下内容:

然后我在 jest.config.js 文件旁边创建了一个 setupTests.js 文件。

使用此设置,我在运行测试时仍然收到以下错误,这似乎表明 setupTests 文件没有被调用。 Enzyme Internal Error: Enzyme expects an adapter to be configured, but found none.

请注意,将 setupTests.js 代码直接复制到测试文件中可以让测试通过。