【问题标题】:Attempted import error in react app but the path and everything is correct在反应应用程序中尝试导入错误,但路径和一切都是正确的
【发布时间】:2021-01-18 16:53:14
【问题描述】:

我收到以下错误:Attempted import error: 'MyPropertiesForm' is not exported from '../../forms'.,我不知道为什么,因为一切都是正确的。

这是我如何导入import { MyPropertiesForm } from '../../forms';

// 这个文件在 E:\falala\src\containers\MyPropertiesPage\MyPropertiesPage.js

这是我的导出方式

const MyPropertiesForm = compose(injectIntl)(MyPropertiesFormComponent);
MyPropertiesForm.displayName = 'ContactDetailsForm';
export default MyPropertiesForm;

//这个文件在 E:\falala\src\forms\MyPropertiesForm\MyPropertiesForm.js

【问题讨论】:

    标签: javascript reactjs import export


    【解决方案1】:

    试试

    import  MyPropertiesForm  from '../../forms/MyPropertiesForm/MyPropertiesForm';
    

    请注意,您提供的路径仅指向“form”文件夹,但导出文件实际上位于该文件夹深处的文件中。

    还要注意,当您导入默认导出模块时,不要将其写在 {} 中,而是按命名方式写。

    【讨论】:

    • 非常感谢,成功了!!!但我仍然不太明白为什么。我知道它是否是默认导出,它不应该用花括号导入,但为什么是“import MyPropertiesForm from './../../forms/MyPropertiesForm/MyPropertiesForm';”而不是“import MyPropertiesForm from './ ../../forms/MyPropertiesForm/MyPropertiesForm.js'; "导入怎么知道我想从哪个MyPropertiesForm导入,里面也是同名的css。
    • .js 不是必需的,因为有一个“JS Bundler”(例如 Webpack)告诉编译器将其完全引用为 .js 文件。所以实际上它从一开始就被调整为这样......
    猜你喜欢
    • 2019-04-19
    • 2020-06-21
    • 1970-01-01
    • 1970-01-01
    • 2019-08-03
    • 1970-01-01
    • 2019-01-28
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多