Reactjs 无法使用jsx导入手动放置的节点模块

免责声明：我知道检索节点模块的最佳方法是通过npm，这是一个更好地理解一些事情的问题。让我解释一下我是如何着手解决当前问题的，以及问题是什么

---

我有两个项目，一个叫做

SOMEAPP

，另一个叫做

COOLCOMPONENTPROJ

。他们都使用FB的CreateReact应用程序

在

SOMEAPP

上，我添加了一个对my package.json的依赖项，该依赖项指向我的组件所在的私有bitbucket repo，因此

SOMEAPP

的package.json看起来像

   ...
   dependencies:{
      ...
      COOLCOMPONENTPROJ:"git+https://USERNAME@bitbucket.org/COOLCOMPONENTPROJ.git"
      ...
   }

这很好，我可以在

节点下查看我的代码\u modules/coolcomponent

我的

COOLCOMPONENT

项目回购符合（afaik）npm注册表要求，看起来是这样的：

--index.js

let CoolComponent = <div>test</div>
export default CoolComponent

let CoolComponent=测试
导出默认组件

--package.json

{
  main:"index.js", <-- to my knowledge the important bit
  author:"blablah",
  ...more properties
}

{
main:“index.js”，我无法在CRA webpack配置中找到，但是…您必须明确告诉webpack不要将babel loader应用于node_模块，否则babel loader将应用于任何.js文件。我认为CRA必须排除所有node_模块，这就是我的组件未转换的原因。我想退出只是为了打赌请看一下网页配置。希望我能回答这个问题。您也可以在“发布”组件之前传输组件，这样可以减少您将来的麻烦。