如何正确导入组件？答案

【问题标题】：How to import component correctly?如何正确导入组件？
【发布时间】：2019-02-15 00:17:32
【问题描述】：

这可能是个愚蠢的问题，但我是新手，这个问题花了我几个小时：/。我正在尝试像这样导入组件：

import * as test from "../../../../common/containers/sidebar/Sidebar";

我写这行的文件位于：

 src/pages/example/containers/example.

“侧边栏”的上述路径是正确的，但反应给我的“侧边栏”没有定义。我发现了一些类似的问题，但它对我没有帮助，所以如果有人有任何建议请写在下面，非常感谢！还有一件事是这样导入文件的正确方法 - 我的意思是'../../../../'

【问题讨论】：

您可以使用相对或绝对路径导入，所以它是正确的。也许路径是错误的。您的路径适用于 [...path]/Sidebar.js 和 [...path]/Sidebar/index.js
对于Sidebar没有定义，你的意思是test.Sidebar吗？至于长路径，可以试试github.com/tleunen/babel-plugin-module-resolver
你的文件树是什么样的？
你export你的组件了吗？这里更多关于default和named导出developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/…
Import react components with absolute path的可能重复

标签： reactjs

【解决方案1】：

您可以将rootDir 选项添加到您的笑话配置中。然后从全局路径导入组件。

例如，如果 root 是您的 src 文件夹。只需导入pages/example/containers/example

【讨论】：