nextjs组件库

Question

我不确定这是否合适，我已经创建了一个node_modules，其中包含故事书和所有组件，我想在下一个项目中使用它们，但效果不佳，我可以看到该组件，但页面加载没有任何样式，并且在半秒钟后应用了样式。在nextjs内部移动组件可以正常工作：

// import Nav from '../components/Nav'; => works
// import Footer from '../components/Footer'; => works
import { Nav, Footer } from 'ui-components'; => not working

我正在使用此库导入

：

module.exports = withTM({
  transpileModules: ['ui-components'],
  webpack: (config, options) => {
    config.resolve.alias = {
      ...config.resolve.alias,
      'styled-components': path.resolve(__dirname,'node_modules/styled-components')
    };
    return config;
  },
});

这是ui组件模块上的babelrc：

"presets": [
  [
    "@babel/preset-env",
    {
      "modules": false
    }
  ],
  "@babel/preset-react"
]

有什么建议吗？