如何在 piral app-shell 和 pilet 应用程序中使用 styled-components？

Question

我目前正在使用内部开发的 UI 框架构建 PoC Piral 应用程序。这个 UI 框架依赖于 styled-components 模块，当我的 piral app-shell 和 pilet 应用程序都开始使用这些样式组件时，这会导致问题。

当我没有明确包含 styled-compnents 时，我会收到以下错误消息：

Uncaught Error: Cannot find module 'styled-components'
    at requireModule (dependency.js:7)
    at dependency.js:32
    at Array.map (<anonymous>)
    at define (universalModuleDefinition:3)
    at webpackUniversalModuleDefinition (universalModuleDefinition:7)
    at universalModuleDefinition:12

当我添加 styled-components 作为依赖项时，我收到此错误消息，并且 piral app-shell 无法呈现：

看起来有几个“样式组件”的实例 在此应用程序中初始化。这可能会导致动态样式不 正确渲染，补液过程中的错误，丢失 主题道具，并无缘无故地使您的应用程序变大。

Answer 1

我在documentation找到了答案

我必须在 piral app-shell 的 package.json 文件中列出这些依赖项，如下所示：

"pilets": {
    "externals": [
      "styled-components",
      "<internal ui framework>"
    ]
  }

在我这样做之后，所有问题都解决了。