跳到主要内容

常见问题

为什么需要依赖 @ice/jsx-runtime​

@ice/pkg 在 v1.5.0 版本以后，为支持能在内联样式中使用 rpx 单位，组件需要依赖 @ice/jsx-runtime 才能正常渲染。

const Home = () => {
  return (
    <div style={{ fontSize: '100rpx' }}>Home</div>
  )
}

因此，Transform 模式下，需要 @ice/jsx-runtime 作为项目的 dependencies；Bundle 模式下需要把 @ice/jsx-runtime 作为项目的 devDependencies

# Transform 模式
$ npm i @ice/jsx-runtime --save
# Bundle 模式
$ npm i @ice/jsx-runtime --save-dev

为什么需要依赖 @swc/helpers​

Transform 模式的产物代码中可能依赖一些 helper 函数用以支持目标环境。ICE PKG 默认将这些 helper 函数统一从 @swc/helpers 中导出使用，以减小产物代码体积。因此，当你的产物代码中引用了 @swc/helpers 时，请务必将 @swc/helpers 作为项目的 dependencies。

$ npm i @swc/helpers --save

Error: Can't resolve 'sass-loader' in ...​

出现这个报错的原因是在使用 docusaurus 插件时，docusaurus 无法正常 resolve 到 sass-loader 依赖。请更新 @ice/pkg-plugin-docusaurus 到最新版本。