使用 NPM 链接时无法解析组件库中的组件

Question

我有一个用CRA初始化的react应用程序，以及一个独立的组件库。我正在尝试使用npm link，以便可以在本地测试组件库中的更改。

为了做到这一点，我正在跑步组件库中的npm link，然后我的create-rect应用程序中的npm link @my-reactcomponent-library。

这一切似乎都很成功，但当我尝试启动应用程序时，组件库中的任何组件都无法解决。

返回以下错误

Can't resolve '@my-react/component-library/tooltip' in 'C:react-appsrccomponentspage'

然后是

Error from chokidar (C:): Error: EBUSY: resource busy or locked, lstat 'C:hiberfil.sys'

Error from chokidar (C:): Error: EBUSY: resource busy or locked, lstat 'C:swapfile.sys'

我在谷歌上搜索并尝试将symLinks设置为false，但没有成功。同样值得注意的是，我的组件库没有index.js文件，因为它只是一堆在需要时导入的组件。

如果需要一个index.js文件，它应该包含什么？如果没有，还有什么原因会导致这个问题？

页面组件：

import React from 'react'
import { Tooltip } from '@my-react/component-library/tooltip' 
export const Page = () => {
  return (
    <div>
      <h1>This is my page</h1>
      <Tooltip />
    </div>
  )
}

Answer 1

我想您已经在页面组件中自动导入了一些内容。检查是否有任何未使用的导入。删除它，它应该可以正常工作。