Next.js中模块导入失败:__WEBPACK_IMPORTED_MODULE_1_default< module name>(...).< function name>不是函数

uidvcgyl  于 2023-05-06  发布在  Webpack
关注(0)|答案(1)|浏览(337)

我有一个准系统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
我错过了什么?

jhiyze9q

jhiyze9q1#

尝试手动安装fs一次。npm install fs --save。您可能需要更改webpack的某些配置

相关问题