如何用Vite解决多个“样式组件”实例

Question

有人知道如何在反应中解决这个问题吗？我正在使用 vite React （不是 webpack）。

看起来不同的库中有两个 styled-components 实例。

这是一个例子：

$ npm ls styled-components

[email protected] C:\Users\rootuser\OneDrive\Desktop\node\react\BudgetApp
├─┬ [email protected]
│ └─┬ [email protected]
│   └─┬ [email protected]
│     └── [email protected] deduped
└─┬ react-p[email protected]
  └── [email protected] deduped

Answer 1

我能够通过别名来解决它。

import { defineConfig } from 'vite'

export default defineConfig({
  // ...
  resolve: {
    alias: 'styled-components': require.resolve('styled-components')
  }
})