我有一个准系统Next.js项目（w/ TypeScript），我已经添加了Jimp。我在配置中使用的是实验性的app目录。
我的next.config.js看起来像这样：

/** @type {import('next').NextConfig} */
const nextConfig = {
  experimental: {
    appDir: true,
  },
}

module.exports = nextConfig

在我的page.tsx中，每当我试图通过import Jimp from 'jimp';添加Jimp并调用它的read函数时

useEffect(() => {

  // ...

  (async () => {
    const img = await Jimp.read(file);
  })();

  // ...

}, []);

我得到了以下错误：
Uncaught (in promise) TypeError: jimp__WEBPACK_IMPORTED_MODULE_1___default(...).read is not a function，也就是console.log(Jimp.read)给了我undefined。
我错过了什么？