从页面张贴sveltekit端点错误

Question

我以前用过工兵，也用过很多次端点。因此，当我尝试给sveltekit一次尝试时，我并没有期望在发送到端点时会遇到错误。我的设置很简单，我使用了文档中从kit.svelte.dev到支架框架项目的步骤。在我的index.svelte中，我添加了一个表单：

<form on:submit|preventDefault={submitit}>
    <p>
    <label>Name :
        <input type="text"  placeholder="name"   aria-label="name" required bind:value={name}>
    </label>
</p>
<p>
    <label>Password :
        <input type="password" placeholder="password"   aria-label="password" required  bind:value={password}>
    </label>
</p>
    <button type="submit">Submit</button>
</form>

在src文件夹中，为端点添加formdata.js并添加以下代码：

export function post  (request) {
    let formfields = JSON.parse(request.body)
    
    console.log("login.js name :", formfields.name)
    console.log("login.js password", formfields.password)

    return {
        status : 200,
        headers: {        
            'content-type': 'application/json'
        },
        body : {
            message : "login form submitted the login credentials",
            name : formfields.name,
            password : formfields.password,

        }
    }

} //end post handle

回到我的index.svelte文件中，我添加了子目录fn：

<script>
    let name
    let password

    async function submitit(){
        console.log("name is :", name)
        console.log("password is :", password)
       
        let res = await fetch( 'formdata' ,{
        method : "post",
        headers: {        
        'content-type': 'application/json'
        },
        body : JSON.stringify({
            name : "name",
            password : "password"
        })        
    })// fetch
    let results = res.json()
        return {
            status : results.code,
            body : results
        }

    } //submitit
</script>

当我在表单字段中输入任何内容并点击submit时，我会得到以下错误日志：

"To access the request body use the text/json/arrayBuffer/formData methods, e.g. `body = await request.json()`. See https://github.com/sveltejs/kit/pull/3384 for details
at Object.get (file:///D:/mycode/2022/sveltekit/kittest/skeleton/.svelte-kit/runtime/server/index.js:2244:10)
    at post (D:\mycode\2022\sveltekit\kittest\skeleton\src\routes\formdata.js:4:41)"

我将异步添加到我的端点，但没有帮助。

显然，我的端点有问题，或者可能需要更新一些东西。错误是声明请求体，但不清楚它是我的页面index.svelte还是我的端点-formdata.js，因此将提供任何帮助。

更新:当我将端点更改为

let results = await request.json()

我把这个放在我的控制台里：

request.json is not a function
TypeError: request.json is not a function
    at post (D:\mycode\2022\sveltekit\kittest\skeleton\src\routes\formdata.js:2:36)
    at render_endpoint (file:///D:/mycode/2022/sveltekit/kittest/skeleton/.svelte-kit/runtime/server/index.js:117:25)
    at async resolve (file:///D:/mycode/2022/sveltekit/kittest/skeleton/.svelte-kit/runtime/server/index.js:2299:10)
    at async respond (file:///D:/mycode/2022/sveltekit/kittest/skeleton/.svelte-kit/runtime/server/index.js:2264:20)
    at async file:///D:/mycode/2022/sveltekit/kittest/skeleton/node_modules/@sveltejs/kit/dist/chunks/index.js:238:24
Line must be greater than or equal to 1, got 0
TypeError: Line must be greater than or equal to 1, got 0
    at BasicSourceMapConsumer.SourceMapConsumer_findMapping [as _findMapping] (D:\mycode\2022\sveltekit\kittest\skeleton\node_modules\vite\dist\node\chunks\dep-f5552faa.js:58887:13)
    at BasicSourceMapConsumer.SourceMapConsumer_originalPositionFor [as originalPositionFor] (D:\mycode\2022\sveltekit\kittest\skeleton\node_modules\vite\dist\node\chunks\dep-f5552faa.js:58956:22)
    at D:\mycode\2022\sveltekit\kittest\skeleton\node_modules\vite\dist\node\chunks\dep-f5552faa.js:59897:34
    at String.replace (<anonymous>)
    at D:\mycode\2022\sveltekit\kittest\skeleton\node_modules\vite\dist\node\chunks\dep-f5552faa.js:59885:21
    at Array.map (<anonymous>)
    at ssrRewriteStacktrace (D:\mycode\2022\sveltekit\kittest\skeleton\node_modules\vite\dist\node\chunks\dep-f5552faa.js:59884:10)
    at Object.ssrFixStacktrace (D:\mycode\2022\sveltekit\kittest\skeleton\node_modules\vite\dist\node\chunks\dep-f5552faa.js:60382:36)
    at Object.get_stack (file:///D:/mycode/2022/sveltekit/kittest/skeleton/node_modules/@sveltejs/kit/dist/chunks/index.js:244:14)
    at render_response (file:///D:/mycode/2022/sveltekit/kittest/skeleton/.svelte-kit/runtime/server/index.js:1085:25)

我在文档中发现了这一点，但是我不知道它意味着什么，也不知道如何实现它:您不能直接要求JSON文件，因为SvelteKit希望svelte.config.js是一个ES模块。如果您希望在应用程序中包含应用程序的版本号或来自package.json的其他信息，您可以像这样加载JSON：

Answer 1

这个错误在控制台中，表明它在服务器端。

问题是，request.body并不像Node那样。请求/响应项实际上来自Fetch API。

试着改变

let formfields = JSON.parse(request.body)

至

let formfields = await request.json()

同样，在前端，res.json()返回一个承诺。

试着等待它：

let results = await res.json();