Visual Studio Code 不会从库根自动导入

如何解决Visual Studio Code 不会从库根自动导入

我正在开发一个使用 Elastic UI 组件库的 React 应用程序。 我使用 create-react-app 启动了一个新项目并安装了所需的 eui 依赖项。

当我尝试添加一个新组件时，VSC 会在自动完成中选取它并像这样填充导入：

import { EuiPage } from '@elastic/eui/src/components/page/page'
import React from 'react'

function App() {
  return (
    <div className="App">
      <EuiPage></EuiPage>
    </div>
  );
}
export default App;

但是当发生这种情况并且我保存时，应用程序无法编译并且实时服务器崩溃。

我发现如果我用

替换导入

import { EuiPage } from '@elastic/eui'

一切正常，但默认行为仍然导致我崩溃，必须手动更正或手动导入所有组件。 我如何设置它以使所有从 elastic 导入的内容始终看起来像这样？

PS：这是我在控制台崩溃后留下的消息

Compiling...
/home/path/To/Project/ProjectName/node_modules/react-scripts/scripts/start.js:19
  throw err;
  ^

[Error: ENOENT: no such file or directory,stat '/home/user/.steampath'] {
  errno: -2,code: 'ENOENT',syscall: 'stat',path: '/home/user/.steampath'
}
error Command Failed with exit code 1.

这是浏览器中出现的那个

Failed to compile

./src/App.js
Module not found: Can't resolve '@elastic/eui/src/components/page/page' in '/home/path/To/Project/ProjectName/src'