Rollup with framer-motion, isPropValid 情感函数错误

Question

我正在尝试将我的自定义 React 组件 UI 库与 Rollup 捆绑在一起。

我的一些组件使用 framer-motion 来制作动画

我已经在我的项目中使用 NPM 安装了我的库。

但是当我尝试使用我的库中的一个组件时，如果该组件使用 Motion 进行动画处理，我会收到错误消息：

TypeError: emotionIsPropValid_1 is not a function

isPropValid
node_modules/myRepo/myLib/build/index.esm.js:8471

我正在使用 Rollup v2.34.1，我尝试指定自定义命名导出，但它不起作用。

commonjs({
      include: 'node_modules/**',
      namedExports: {
        'node_modules/react-is/index.js': ['isValidElementType'],
        'node_modules/@emotion/is-prop-valid/dist/is-prop-valid.cjs.js': [
          'isPropValid'
        ]
      }
    }),

我不知道如何解决我的问题

谢谢！

Answer 1

终于用 TSDX 替换汇总解决了我的问题

Rollup with framer-motion, isPropValid 情感函数错误

Rollup with framer-motion, isPropValid emotion function error

javascript

emotion

reactjs

rollupjs

framer-motion