在瀏覽器中以腳本形式導入ReactJS組件

Question

我在reactJS中編寫了一個渲染樹的組件

我無法將其直接導入瀏覽器並繼續出現此錯誤：

Uncaught Error: Module name "TreeComponent" has not been loaded yet for context: _. Use require([])
http://requirejs.org/docs/errors.html#notloaded
    at makeError (require.js:5)
    at Object.o [as require] (require.js:5)
    at requirejs (require.js:5)
    at reactJS_returnReactJs.action:2192

babel預設為react-app：

  "babel": {
    "presets": [
      "react-app"
    ]
  },

構建的入口點是index.js：

export {default} from './components/TreeComponent';

您可以幫助我找出構建步驟中的問題嗎？

Answer 1

如果您以這種方式在TreeComponent.js導出react組件

export default TreeComponent({

});

或類似的東西

exports.default = TreeComponent;

您需要以這種方式導入

import { TreeComponent } from './components/TreeComponent';

或者你也可以這樣做

import TreeComponent from './components/TreeComponent/TreeComponent';