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

Question

I'm struggling with a "module not found" error off a relative import. I'm trying to implement this github project: https://github.com/cvdlab/react-planner

I've created a new create-react-app project and npm installed the project (react-planner). The readme file calls for downloading the "demo catalog" which contains the following file structure:

 > catalog > areas > holes > items > lines > utils > mycatalog.js

mycatalog.js contains the following:

 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";

Upon running (npm start), I get module not found error on each of these imports.

 ./src/catalog/mycatalog.js Module not found: Can't resolve './areas/**/planner-element.jsx' in 'C:\Users\sgola\Desktop\apps\planner\src\catalog'

These files are definitely located in their respective folders. Catalog folder along with js files are all located in src folder. Public contains only index.html and is located outside of src. I've researched different possible issues from webpack/babel not compiling.jsx files to ** not being recognized as proper path syntax. Nothing is working. I'm at a loss, any help would be greatly appreciated.

Answer 1

You have to add import globals plugin to Your project.