我的设置

我在_app.js文件上使用getInitialProps在服务器端预加载数据：

import App from "next/app";

// The problematic import
import nodeFetchCache from "node-fetch-cache";

function MyApp({ Component, pageProps, customProps }) {
  return <Component customProps={customProps} {...pageProps} />;
}

MyApp.getInitialProps = async (appContext) => {
  const appProps = await App.getInitialProps(appContext);
  
  // When I remove the top import and use a classic "fetch" here, it works fine
  const res = await nodeFetchCache(
    `${process.env.NEXT_PUBLIC_API_URL}/api/node/last_items`
  );

  const items = await res.json();

  return {
    ...appProps,
    customProps: {
      footerArticles: items.data.articles,
      footerVideos: items.data.videos,
    },
  };
};

export default MyApp;

字符串

我的问题

此代码产生一个错误：
未处理的运行时错误TypeError：“原始”参数必须为Function类型
调用堆栈promisify node_modules/util/util.js（614：0）eval node_modules/@npmcli/move-file/index. js（25：0）对象../node_modules/@npmcli/move-file/index。js文件：/Users/dev/app/.next/static/chunks/pages/_app.js（716：1）对象。选择factory/_next/static/chunks/webpack.js（685：31）webpack_requirefile：/Users/dev/app/.next/static/chunks/webpack.js（37：33）fn/_next/static/chunks/webpack.js（354：21）eval node_modules/cache/lib/entry-index.js（16：17）Object../node_modules/cache/lib/entry-index.js文件：/Users/dev/app/.next/static/chunks/pages/_app.js（1598：1）对象。选择factory/_next/static/chunks/webpack.js（685：31）webpack_requirefile：/Users/dev/app/.next/static/chunks/webpack.js（37：33）fn/_next/static/chunks/webpack.js（354：21）eval node_modules/cache/ls.js（3：14）Object../node_modules/cache/ls.js文件：/Users/dev/app/.next/static/chunks/pages/_app.js（1686：1）对象。选择factory/_next/static/chunks/webpack.js（685：31）webpack_requirefile：/Users/dev/app/.next/static/chunks/webpack.js（37：33）fn/_next/static/chunks/webpack.js（354：21）eval node_modules/cache/index.js（3：11）Object../node_modules/cache/index.js文件：///Users/dev/app/.next/static/chunks/pages/_app.js（1543：1）对象。选择factory/_next/static/chunks/webpack.js（685：31）webpack_requirefile：/Users/dev/app/.next/static/chunks/webpack.js（37：33）fn/_next/static/chunks/webpack.js（354：21）eval webpack-internal：/./node_modules/node-fetch-cache/src/classes/caching/file_system_cache.js（5：65）Module../node_modules/node-fetch-cache/src/classes/caching/file_system_cache.js file：///Users/dev/app/.next/static/chunks/pages/_app.js（4513：1）模块。选择factory/_next/static/chunks/webpack.js（685：31）webpack_requirefile：/Users/dev/app/.next/static/chunks/webpack.js（37：33）fn/_next/static/chunks/webpack.js（354：21）eval webpack-internal：/./node_modules/node-fetch-cache/src/index.js（13：95）Module../node_modules/node-fetch-cache/src/index.js file：/Users/dev/app/.next/static/chunks/pages/_app.js（4557：1）模块。选择factory/_next/static/chunks/webpack.js（685：31）webpack_requirefile：///Users/dev/app/.next/static/chunks/webpack.js（37：33）fn/_next/static/chunks/webpack.js（354：21）eval webpack-internal：/./pages/_app.js（10：74）Module../pages/_app.js file：/Users/dev/app/.next/static/chunks/pages/_app.js（40：1）模块。选择factory/_next/static/chunks/webpack.js（685：31）webpack_requirefile：/Users/dev/app/.next/static/chunks/webpack.js（37：33）fn/_next/static/chunks/webpack.js（354：21）eval node_modules/next/dist/build/webpack/loaders/next-client-pages-loader. js？page =%2F_app&absolutePagePath = private-next-pages%2F_app!（5：15）eval node_modules/next/dist/client/route-loader.js（207：48）
从其他开发人员告诉我的情况来看，似乎Next试图在客户端导入服务器端代码。即使我删除了await nodeFetchCache(...)调用，我在顶部导入'node-fetch-cache'的唯一事实也会给我一个错误。

我的问题

我想达到的目标有可能实现吗？getInitialProps不是应该只在服务器端运行吗？难道代码/树抖动不应该消除客户端包中未使用的导入吗？
我有点迷路了。如有任何帮助，我们将不胜感激。