小编qui*_*ala的帖子

下面的代码是我单独的 register.js 中的 fetch 方法。这是我新创建的 js 文件，因此我可以创建我的前端。目前，我只是尝试 console.log 这次提取的最终结果，但无法获得输出，因为当我尝试发布此内容时收到错误。

浏览器控制台中出现错误：“未捕获（承诺中）SyntaxError：JSON 中位置 0 处出现意外的标记 S”

        fetch(`${rootUrl}api/users/register`,{

        method:"POST",
        headers:{
            "Content-Type": "application/json"
        },
        body:JSON.stringify({
            
                firstName: firstName,
                lastName: lastName,
                mobileNo: mobileNo,
                email: email,
                password: password
        })

    })
    .then(result=>result.json())
    .then(result =>{

        console.log(result);
    

    })

在 userRouter.js 中，这是我在上面的 register.js 中获取的路由：

router.post('/register', (req, res)=>{

userController.register(req.body).then(result => res.send(result))})

并且该路由通向 Usercontroller.js 中的该控制器：

module.exports.register = (reqBody)=>{

//check if email already exists before registering new user
return User.find({email: reqBody.email}).then((result, error) =>{

        if(result.length != 0){

            return "EMAIL EXISTS!";

        }else{

            let newUser = new …

这是我要复制的字体样式。它是Open sans字体系列，字体大小14px，字体粗细300

这就是我迄今为止所取得的成就。不要介意间距，但我在这里应用的字体样式与上面相同。但正如你所看到的，我的主要问题是字体粗细更粗，它看起来不像我上面的例子中的 font-weight:300

我不确定这里发生了什么。顺便说一下，我尝试复制字体样式的原始网站是基于 bootstrap 的，而我当前正在研究的字体样式是 buefy 或 bulma。

因此，如果我尝试设置字体粗细，它只能应用大小 600 和 800。我的目标是将其设置为 300，这样它看起来应该与我正在复制的网站相同。

我还尝试了 buefy/bulma 排版类助手（has-text-weight-light、has-text-weight-bold），但它只能变得粗体而不是更轻。我还读过有关导入来自谷歌字体的 open sans 字体的信息，我只需选择我想要的字体粗细，但我还没有这样做，因为我试图保留代码中已有的内容，我不这样做据我所知，在我们的代码库中没有看到任何字体的导入，但是 open sans 工作得很好，只是字体粗细不行。

我的表单中的一个字段endTimeMins似乎没有注册到 formState。我有四个字段，所有字段都没有脏问题，我可以将它们读取为脏字段，但不能读取endTimeMins字段。其他信息，我正在使用 MUI v4 作为我的输入组件。

我以可重用的方式创建了输入字段。总的来说，它渲染了 4 个字段。

首先是我的 startTimeHour/endTimeHour。

   <Controller
      name={`${timeType}Hour`}
      control={control}
      rules={{ required: true, validate: () => _isEndGreaterThanStart() || errorMsgs.endNotGreater }}
      render={({ field: { onChange, value, name, onInputChange } }) => (
        <Controls.SingleAutoComplete
          name={`${timeType}Hour`}
          disableClearable
          freeSolo
          value={value.toString()}
          inputValue={value}
          className={classes.autoCompleteInput}
          error={!!errors[name]?.message}
          options={HOURS_OPTIONS.map((option) => option.value)}
          onChange={(e, newValue) => {
            onChange(newValue);
            _handleStartEndRelation(name, newValue);
          }}
          onInputChange={(e, newValue) => {
            onChange(handleTimeInputs(newValue, 12).toString()); //handle unwanted inputs
            _handleStartEndRelation(name, newValue);
          }}
        />
      )}
    />

这是我的 startTimeMins/ endTimeMins

<Controller
      name={`${timeType}Mins`}
      control={control}
      rules={{ required: …