Javascript 如何在piral应用程序外壳和pilet应用程序中使用样式化组件？

我目前正在使用内部开发的UI框架构建PoC Piral应用程序。此UI框架依赖于

样式化组件

模块，当my piral app shell和pilet app开始使用这些样式化组件时，会出现问题

当我没有明确包含

样式化组件时

会收到以下错误消息：

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

未捕获错误：找不到模块“样式化组件”
在requireModule（dependency.js:7）
在dependency.js:32
在Array.map（）处
at定义（通用模块定义：3）
在网页包universalModuleDefinition（universalModuleDefinition:7）
通用模块定义：12

当我添加

样式化组件作为依赖项时，我收到此错误消息，piral应用程序外壳无法呈现：

看起来有几个“样式化组件”的实例
已在此应用程序中初始化。这可能会导致动态样式不可用
正确渲染，再水化过程中出现错误，缺少
主题道具，并使您的应用程序更大，没有充分的理由

我在书中找到了答案

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

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

“小偷”：{
“外部”：[
“样式化组件”，
""
]
}

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