defu__WEBPACK_IMPORTED_MODULE_3__ 不是函数答案

【问题标题】：defu__WEBPACK_IMPORTED_MODULE_3__ is not a functiondefu__WEBPACK_IMPORTED_MODULE_3__ 不是函数
【发布时间】：2022-07-30 21:10:25
【问题描述】：

有没有人在使用this官方指南中的nuxt-auth时遇到过这个错误？你是怎么解决的？我被困在这里好几天了。

错误是defu__WEBPACK_IMPORTED_MODULE_3__ is not a function

【问题讨论】：

标签： nuxt.js nuxt-auth

【解决方案1】：

本周早些时候遇到了与React 类似的警告，这意味着您正在尝试调用一个函数/访问您导入但错误导入的模块的属性，或者它没有从模块中导出。 webpack 抛出该错误：类似的问题是：

// inside get-user.js
const getUser = () => { 
  const result = localStorage.getItem('user')
  if(result) return JSON.parse(result)
  else return null
}
// Notice: missing export

// inside App.jsx
import getUser from './get-user'
const App = () => {
  const user = getUser()
}

如您所见，在get-user.js 内部，我突然想到为getUser 函数添加export。 Webpack 捆绑了它，但稍后在我加载 App 组件时失败。您的问题的可能原因：

您编写的可重用模块缺少导出。
您使用的next-auth 版本存在问题，一些库在主要版本中有重大更改，例如，node-fetch 的新版本默认为ES6 模块，建议切换到较低版本包的版本（稳定）。
检查代码中与该模块相关的export/imports 是否正确。

如果有帮助，请告诉我，编码愉快！

【讨论】：