错误:请求的模块“/src/context/TransactionContext.jsx”未提供名为“transactionsProvider”的导出enter image description here帮我把这个弄走。有没有粗心的错误
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;
型请注意,如果我们声明一个函数或组件,我们必须使用相同的名称来导入它
1条答案
按热度按时间rur96b6h1#
您正在尝试从TransactionContext.jsx导入“TransactionProvider”,但没有此名称的导出。
有两种可能的解决方案,但在没有看到代码的情况下不确定你需要哪一种,所以你可以尝试其中一种:
1.在transactioncontext.tsx中,确保导出了整个函数,例如:
字符串
这里的键是函数声明之前的导出标识符,一旦你这样做了,你就可以导入TransactionProvider了。
1.您可能导出了错误的函数,如果您的文件名为TransactionContext,则您在其中导出的函数可能具有相同的名称。如果是这种情况,则不应导入TransactionProvider,而应导入TransactionContext
这是我在没有看到TransactionContext.jsx * 代码的情况下所能提供的最多的见解
为了以防万一,这里也有一个基本的例子。试着比较你在导出、导入和函数名方面的不同做法:
确保组件已导出:
型
导入到其他组件中使用
型
请注意,如果我们声明一个函数或组件,我们必须使用相同的名称来导入它