Qwik项目中ESLint提示Parsing error: Identifier expected错误求助

问题原因 #

你代码里的输入框绑定语法存在错误：<input ... bind: value={nameSig} />中bind:和value之间多了空格。Qwik的属性绑定语法要求bind:和属性名直接连写，不能有空格，这会导致ESLint解析时识别不到合法标识符，从而抛出错误。

修复步骤 #

把绑定语法里的空格去掉，修正后的代码如下：

export default component$(() => {
    const action = useCreateUserAccount();
    const nameSig = useSignal(defaultValues.name);
    const emailSig = useSignal(defaultValues.email);
    const passwordSig = useSignal(defaultValues.password);

    useTask$(({ track }) => {
        const status = track(() => action.value?.status);
        if (status) {
            nameSig.value = defaultValues.name;
            emailSig.value = defaultValues.email;
            passwordSig.value = defaultValues.password;
        }
    });


    return (
        <>
            <Form class="space-y-4 md:space-y-6" action={action} >
                <div>
                    <label for="email" class="block mb-2 text-sm font-medium text-gray-900 dark:text-white">Name</label>
                    <input type="text" name="name" id="name" bind:value={nameSig} placeholder="Write your name" />
                </div>
            </Form>
        </>
    );
});

额外检查 #

如果修正后仍有问题，可确认以下两点：

• 确保defaultValues已正确定义并导出，类型与信号的初始值匹配
• 检查ESLint配置文件（如.eslintrc.cjs）中是否正确配置了Qwik的解析规则，确保parserPlugins包含jsx和typescript，且extends数组包含plugin:qwik/recommended

内容的提问来源于stack exchange，提问作者Suresh