问题标签 [atlaskit]

我正在使用带有 Atlaskit 的 Next.js 版本 8，但出现编译时错误，如下所示，我尝试了许多气泡插件和 web-pack 配置，但由于我是 web-pack 和气泡的新手，所以没有工作

我的 package.json 有这些依赖项

我想从表单外的按钮提交@atlaskit/form。我已经浏览了https://atlaskit.atlassian.com/packages/core/form但没有关于此的文档

将@atalaskit/form从版本 2.1.2 更新到最新版本 (5.2.7)后，我遇到了问题。

这个新更新使用了export { default } from './File'我认为我的 babel 和/或 webpack 不支持的内容。

到目前为止，我发现 create-react-app 2.1.8 可以很好地运行这种语法。

另外，我在这里找到了这种语法：https ://github.com/tc39/proposal-export-default-from

我试图将这个提议包含在我的 .babelrc 文件中，但错误仍然存​​在。

@atlaskit/form/index.js（错误出现的地方）

错误：

.babelrc：

webpack.dev.js

webpack.client.js

webpack.server.js

包.json

在submitAtlaskit 的方法中Form，我想更改导致表单被隐藏的状态属性的值：

但是，这会导致 React 错误：

无法对未安装的组件执行 React 状态更新。这是一个空操作，但它表明您的应用程序中存在内存泄漏。要修复，请取消 componentWillUnmount 方法中的所有订阅和异步任务。

当我稍后设置该值时，错误消失了：

所以很明显，当我改变状态时，表单仍在卸载（虽然我不知道为什么这会影响表单，但我对 React 还不太熟悉）。我应该在这里采取什么方法？

中的Atlaskit 包node_modules导致 Jest 在弹出的 create-react-app 中失败。App.test.js到目前为止，我只有默认文件并收到SyntaxError: Unexpected token export来自@atlaskit/dropdown-menu.

错误图像

我查看了有关 StackOverflow 和 Github 问题的所有不同问题，虽然每个人都建议尝试的标准答案是专注于transformIgnorePatternsJest 配置，但我尝试过的任何方法似乎都没有奏效，所以它可能是一个单独的问题。

在package.json我目前的 Jest 配置中如下。这是弹出后显示的默认配置：

包.json

我还删除了babel配置，并eslint从package.json它们自己的单独文件中取出。

.babelrc.js

.eslintrc.json

我希望，当npm run test被调用时，所有 node_modules而不仅仅是@atlaskit相关的将被正确地转换为不会导致 Jest 失败的代码。

我正在尝试将 AtlasKit 与 Next.js 8 一起使用，但由于某种原因，SyntaxError: Unexpected token export尝试构建时出现错误。

我认为这是一个问题，@atlaskit/editor-core 没有为 ES6 正确预处理（通过 webpack 或 babel 等），但我不确定。有任何想法吗？

我创建了一个 repo 来复制这里的问题：https ://github.com/brandontle/nextjs-with-atlaskit

使用 AtlasKit Editor 的文件是 ~/src/components/Home.tsx。

我正在尝试使用@atlaskit/editor-core。它工作得很好，但它输出了一个 15+mb 的 vendor.js 文件。我准备了一个 GitHub 存储库来演示这个问题。我有两个问题：

• 我的 babel.config.js 和 webpack.common.js 文件是否设置正确以优化包大小？
• 为什么 Webpack 会创建另一个名为“@atlaskit-internal_media-viewer-pdf-viewer-bundle.min”的附加文件？我没有在块部分或入口点中指定此文件。在我的实际项目中，它创建了 30 多个这样的小文件，尽管我没有指定它们。

每次打开此包@atlaskit/dropdown-menu 的下拉菜单时，我的控制台中都会出现此错误，而我的错误是这样的：popper.js：不推荐使用由空格分隔的偏移量，请使用逗号（， ） 反而。太感谢了

我去了popper.js

我试图在 DropdownItem 上调用 onClick 函数，它在 map 函数之外工作，但在 map 函数内部它没有任何错误就无法工作。

如何实施？

我用过的 ReactJs 和 Atlaskit 包。

我正在尝试使用Editor ComponentAtlaskit创建一个实时的所见即所得编辑器，但是没有适当的文档来完成工作我对此感到困惑collabEdit，React 给出了一个error: cannot resolve CollabProvider，这到底是什么CollabProvider以及它是如何工作的？