reactjs 请求的模块“/src/context/TransactionContext.jsx”未提供名为“transactionsProvider”的导出

6yjfywim  于 5个月前  发布在  React
关注(0)|答案(1)|浏览(56)

错误:请求的模块“/src/context/TransactionContext.jsx”未提供名为“transactionsProvider”的导出
enter image description here
帮我把这个弄走。有没有粗心的错误

rur96b6h

rur96b6h1#

您正在尝试从TransactionContext.jsx导入“TransactionProvider”,但没有此名称的导出。
有两种可能的解决方案,但在没有看到代码的情况下不确定你需要哪一种,所以你可以尝试其中一种:
1.在transactioncontext.tsx中,确保导出了整个函数,例如:

export const TransactionProvider = () => {
  return <div>example</div>
}

字符串
这里的键是函数声明之前的导出标识符,一旦你这样做了,你就可以导入TransactionProvider了。
1.您可能导出了错误的函数,如果您的文件名为TransactionContext,则您在其中导出的函数可能具有相同的名称。如果是这种情况,则不应导入TransactionProvider,而应导入TransactionContext
这是我在没有看到TransactionContext.jsx * 代码的情况下所能提供的最多的见解
为了以防万一,这里也有一个基本的例子。试着比较你在导出、导入和函数名方面的不同做法:

确保组件已导出:

//this is file ExampleComponent.jsx
    export const ExampleComponent = () => {
      return <div>ExampleComponent</div>;
    };
    
    export default ExampleComponent;

导入到其他组件中使用

import ExampleComponent from "./ExampleComponent";  
    //example usage - see how I use the same name as the export in ExampleComponent.jsx. 
    export const app = () => {
      return (
        <div>
          <ExampleComponent />
        </div>
      );
    };
    export default app;


请注意,如果我们声明一个函数或组件,我们必须使用相同的名称来导入它

相关问题