2

我正在开发一个使用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'

一切正常，但默认行为仍然导致我崩溃并且必须手动更正或手动导入所有组件。我该如何设置它，以便所有来自弹性的导入总是这样？

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'
4

0 回答 0