所以我目前在我的 NextJS 應用程式中有一個名為“manage.js”的頁面。在頂部，我有以下內容：
import React from 'react';
import PaginatedItems from '../components/PaginatedItems'
import TitleHeadline from "../components/ui/TitleHeadline";
import WithdrawModal from "../components/WithdrawModal";
import { FaTimes, FaUndo } from "react-icons/fa";
import { serverSideTranslations } from 'next-i18next/serverSideTranslations';
在閱讀了這篇博文后，我認為開始對我的匯入進行分組是個好主意，因為它們正在堆積。我想先用管理頁面試試，看看效果如何。所以我在 components/pages/manage.js 中創建了以下內容：
export { PaginatedItems } from '../PaginatedItems'
export { TitleHeadline } from '../ui/TitleHeadline';
export { FaTimes, FaUndo } from "react-icons/fa";
export { WithdrawModal } from "../WithdrawModal";
目標是在 manage.js 中執行此操作：
import { PaginatedItems, TitleHeadline, WithdrawModal, FaTimes, FaUndo } from '../components/pages/manage'
除了它會引發各種錯誤。我不明白為什么；我得到的最常見的錯誤是：
Unhandled Runtime Error
Error: Element type is invalid: expected a string (for built-in components) or a class/function (for composite components) but got: undefined. You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.
所以我嘗試從/components/pages/manage.js 匯入'PaginatedItems'，但仍然失敗。我也將其更改為命名匯出：
export PaginatedItems from '../PaginatedItems'
哪個 PHPStorm 似乎喜歡，但頁面仍然拋出錯誤。最初我確實使用了，export * from但那沒有用。
里面PaginatedItems我有以下內容：
export default function PaginatedItems(props) {
我覺得我已經嘗試了一切，但沒有任何作業。有什么建議嗎？
uj5u.com熱心網友回復：
由于這些是作為默認值匯出的，因此您不能像這樣匯入它們
import { PaginatedItems } from '../PaginatedItems'
但像這樣
import PaginatedItems from '../PaginatedItems'
要匯出這些，您需要確認您實際上是在匯入默認值，將其命名為某物，然后重新匯出。你可以通過
export {default as PaginatedItems} from '../PaginatedItems';
轉載請註明出處，本文鏈接：https://www.uj5u.com/ruanti/508344.html
標籤：javascript 反应 下一个.js