为什么Rollup不编译我的样式组件

Question

我很高兴我的组件lib与常规CSS一起使用，但是现在我试图添加样式的组件，突然间，我得到了错误（在正在导入LIB的项目上）

TypeError: Cannot read property 'useDebugValue' of null
styled.button

我真的尝试了所有内容，我在网上搜索了所有内容因此，但是什么都找不到。这只是令人沮丧的，希望你们能帮助我。

rolup.config.js

import resolve from '@rollup/plugin-node-resolve';
import commonjs from '@rollup/plugin-commonjs';
import babel from 'rollup-plugin-babel'
import typescript from '@rollup/plugin-typescript';
import dts from 'rollup-plugin-dts';
import postcss from 'rollup-plugin-postcss';

const packageJson = require('./package.json');
export default [
    {
        input: 'src/index.ts',
        output: [
            {
                file: packageJson.main,
                format: 'cjs',
                sourcemap: true,
            },
            {
                file: packageJson.module,
                format: 'esm',
                sourcemap: true,
            },
        ],
        plugins: [resolve(), commonjs(), babel({plugins: ['babel-plugin-styled-components'], exclude: 'node_modules/**'}), typescript({ tsconfig: './tsconfig.json' }), postcss()],
    },

    {
        input: 'dist/esm/types/index.d.ts',
        output: [{ file: 'dist/index.d.ts', format: 'esm', sourcemap: true,
    globals: { 'styled-components': 'styled' } }],
        plugins: [dts()],
    external: ['react', 'styled-components'],
    },
];

babel.config.js

module.exports = {
    presets: ['@babel/preset-env', '@babel/preset-react', '@babel/preset-typescript'],
  plugins: ['babel-plugin-styled-components',  {
    namespace: 'appname-',
    displayName: false,
    fileName: false
  }]
};

src/components/button/button/styles.ts

import styled from "styled-components";

export const ButtonPrimary = styled.button`
  background-color: #0070f3;
  border-radius: 4px;
  color: #fff;
  font-size: 14px;
  font-weight: 500;
  padding: 12px 24px;
  text-transform: uppercase;
  transition: background-color 0.2s ease-in-out;
  &:hover {
    background-color: #0060e6;
  }
  &:active {
    background-color: #0050d6;
  }
  &:focus {
    outline: none;
  }
  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1);
`;

我希望您能为我提供帮助，如果您需要更多信息请告诉我。

此致 knome