Javascript 使用create react app从github导入JSX文件时未找到模块

Javascript 使用create react app从github导入JSX文件时未找到模块,javascript,reactjs,github,jsx,node-modules,Javascript,Reactjs,Github,Jsx,Node Modules,我正在努力解决相对导入中的“未找到模块”错误。我正在尝试实施这个github项目: 我创建了一个新的CreateReact应用程序项目,npm安装了该项目(react planner)。自述文件要求下载“演示目录”,其中包含以下文件结构: mycatalog.js包含以下内容: 在运行(npm start)时,我在这些导入中的每一个上都发现模块未找到错误 这些文件肯定位于各自的文件夹中。目录文件夹和js文件都位于src文件夹中。Public仅包含index.html,位于src之外。我研究了不同

我正在努力解决相对导入中的“未找到模块”错误。我正在尝试实施这个github项目:

我创建了一个新的CreateReact应用程序项目,npm安装了该项目(react planner)。自述文件要求下载“演示目录”,其中包含以下文件结构:

mycatalog.js包含以下内容:

在运行(npm start)时,我在这些导入中的每一个上都发现模块未找到错误


这些文件肯定位于各自的文件夹中。目录文件夹和js文件都位于src文件夹中。Public仅包含index.html,位于src之外。我研究了不同的可能问题,从webpack/babel没有编译.jsx文件到**没有被识别为正确的路径语法。什么都没用。我不知所措,任何帮助都将不胜感激

您必须将插件添加到您的项目中。

我认为相对导入应该可以工作。您是否尝试从中导入区域“/areas/planner元素?仍然不起作用,根本不确定问题出在哪里。您是否已经弄明白了?描述您的解决方案并用一些代码片段加以说明是一种更好的回答方式,而不仅仅是放置链接。如果你能在答案中添加一些细节,那就太好了。
> catalog
  > areas
  > holes
  > items
  > lines
  > utils
  > mycatalog.js
import * as Areas from "./areas/**/planner-element.jsx";
import * as Lines from "./lines/**/planner-element.jsx";
import * as Holes from "./holes/**/planner-element.jsx";
import * as Items from "./items/**/planner-element.jsx";
./src/catalog/mycatalog.js
Module not found: Can't resolve './areas/**/planner-element.jsx' in 'C:\Users\sgola\Desktop\apps\planner\src\catalog'