使用 Nextjs-13 + Supabase 时无法解决“编码”模块错误

Question

我正在尝试使用 Supabase 从我的表单插入/收集数据。但是当我编译时，出现编码模块未找到错误。我已经尝试过缓存清理和重新安装 npm 模块。他们也没有工作。

项目结构：

apply/page.tsx 代码：

"use client"
import { supabase } from "lib/supabaseClient"

export default function Apply() {

    // This function called by button so we use "use client" at top.
    async function createApplyRecord() {
        const { error } = await supabase
            .from('applications')
            .insert({id: 1, fullname: "test", email: "aa", phone: "bb", githuburl: "cc", linkedinurl: "dd", about: "ee"})
            console.log("inserted")
            if(error) {
                console.log(error);
            }
    }

  return (SOME HTML CODE HERE)
}

我得到的错误：

Answer 1

这只是一个可以安全忽略的警告。我们正在努力将其删除。您可以在这里关注：https ://github.com/supabase/supabase-js/issues/612

Answer 2

为了解决这个问题，我运行了 npm install encoding 并且错误消失了！

Answer 3

我使用了一个简单的解决方案，即使用

npm i-D 编码

不过supabase社区应该已经解决了这个问题。然而，他们在next 13的新版本中改变了身份验证模式。这是一个严重的问题，因为我不想重新对我的项目进行身份验证。