问题描述
我正在开发一个使用 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'
解决方法
暂无找到可以解决该程序问题的有效方法,小编努力寻找整理中!
如果你已经找到好的解决方法,欢迎将解决方案带上本链接一起发送给小编。
小编邮箱:dio#foxmail.com (将#修改为@)