reactjs - 在浏览器中将 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这种方式导出反应组件

export default TreeComponent({

});

或类似的东西

exports.default = TreeComponent;

您需要以这种方式导入它

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

或者你也可以这样做

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