defu__WEBPACK_IMPORTED_MODULE_3__ 不是函数

Question

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

错误是defu__WEBPACK_IMPORTED_MODULE_3__ is not a function

Answer 1

我今天在新安装的Nuxt 2.15.8应用程序中遇到了同样的问题。当我添加@nuxtjs/auth-next v.5.0.0-1667386184.dfbbb54与Laravel Sanctum提供程序一起使用时，应用程序崩溃并显示相同的错误消息。经过大量搜索后，我找到了使该应用程序再次运行的解决方案。

在nuxt.config.js添加：

build: {
  transpile: [
    'defu'
  ]
}

希望这对您和其他遇到同样问题的人有所帮助。

Answer 2

本周早些时候遇到了类似的警告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我突然想到在里面添加一个export函数getUser。Webpack 捆绑了它，但稍后当我加载该App组件时失败了。您的问题的可能原因：

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

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