小编Jak*_*kub的帖子

在我的Angular2项目中,我收到此错误:

"在声明实例方法之后,不允许声明实例字段.相反,这应该出现在类/接口的开头.(成员排序)"

我想了解如何解决这个以及为什么我得到这个.

该错误与下一个代码中的私有函数有关:

export class HomeComponent implements OnInit {
public error: string;
public shirts = [];


constructor(public rest: RestService,
            public scService: ShoppingCartService,
            public snackBar: MdSnackBar) {
}


ngOnInit() {
    this.rest.getAll().subscribe((r: any) => {
        this.shirts = r;
    }, error => {
        this.error = 'Opps there\'s some error';
    });

}

addToCart(shirt: any) {
    this.scService.add(shirt);
    this.showSnackMessage('Added to Chart List');
}

showSnackMessage(message: string) {
    this.snackBar.open(message, null, {
        duration: 1000
    });
}
//Here the error is showed
private sizeScore = {
    'string': -1,
    s: …

我正在使用 Material-UI 选择器库构建 DatePicker React 并使用 Luxon 作为适配器。当我更改日历日期时，我得到一个带有 DateTime 的对象，如下所示：

我正在使用的 DatePicker 代码：

<MuiPickersUtilsProvider utils={LuxonUtils}>
              <DatePicker
                className={classes.input}
                disableToolbar
                variant="inline"
                label="Date"
                format="cccc, LLLL dd"
                helperText=""
                value={date}
                margin="normal"
                onChange={newDate => {
                  handleDateOnChange({ newDate });
                  setDate(newDate);
                }}
                inputVariant="filled"
                fullWidth
                minDate={new Date()}
              />
            </MuiPickersUtilsProvider>

“更改”是给我返回我在屏幕截图中共享的 OBJ，我想要得到的是日期。

我正在console.log(newDate)里面 做一个handleDateOnChange，里面没有更多的内容，所以我不分享它。console.log() 的结果就是您在上面看到的结果。

在我的 React 应用程序中，我正在使用 MUI 选项卡，并且我必须根据选项为 true/false 来显示/隐藏选项卡。

我的问题是，我可以隐藏选项卡，但是当选项卡全部显示时，选项卡索引的数量不同。这导致当我单击一个选项卡时，我会看到另一个选项卡的内容。

我需要了解一种更好的方法来实现我的目标，因为我正在做的事情似乎是错误的。

我的代码如下

我应该如何显示/隐藏选项卡的条件

  const isRecruitmentPortal = options.recruitmentPortal;
  const isEngagementPortal = options.engagementPortal;
  const isConsenteesPortal = options.consenteesPortal;

选项卡：

<div className={classes.root}>
      <AppBar className={classes.appBar} position="static" elevation={0}>
        <Toolbar disableGutters>
          <Tabs value={tab} onChange={(e, newValue) => setTab(newValue)}>
            <Tab label="Study Info" />
            <Tab label="Study Tracks" />
            <Tab label="User Admin" />
            <Tab label="Study Locales" />
            {isEngagementPortal && <Tab label="Resources" />}
            {isRecruitmentPortal && <Tab label="Pre-screener" />}
            {isRecruitmentPortal && <Tab label="Consent" />}
            {isRecruitmentPortal && <Tab label="Manuscript" />}
            <Tab label="Survey" />
            {isRecruitmentPortal && <Tab …

我正在使用 MUI 5 和 React，但有一个问题，即概述的文本字段按照屏幕截图显示穿过标签的线条

我不知道如何解决它。

我的字段看起来像这样

<FormControl fullWidth variant="outlined">
      <InputLabel shrink id={labelId}>
        {label}
      </InputLabel>
      <Controller
        as={
          <Select
            displayEmpty
            name={name}
            labelId={labelId}
            id={name}
            label={label}
          >
            <MenuItem key={`no${name}`} value="">
              {intl.formatMessage({
                defaultMessage: 'No proxy number',
              })}
            </MenuItem>
            {items.map(pn => (
              <MenuItem key={pn.id} value={pn.id}>
                <ListItemIcon>
                  <img
                    src={pn?.country?.flagIconUrl}
                    alt={pn.countryCode}
                    width="20px"
                    height="15px"
                  />
                </ListItemIcon>
                {pn.value}
              </MenuItem>
            ))}
          </Select>
        }
        name={name}
        control={control}
      />
      <FormHelperText>{helperText}</FormHelperText>
    </FormControl>

然后将上面的作为函数调用SelectFormInput来制作具体的字段

<Grid item xs={6}>
            <SelectFormInput
              control={control}
              labelId="proxyNumber"
              name="proxyNumber"
              items={proxyNumbers}
              label={intl.formatMessage({
                defaultMessage: 'Proxy phone Number',
              })}
              helperText={intl.formatMessage({
                defaultMessage: 'Optional. Phone number …

我在将要在Rails 4.2.10中进行工作的一个项目中进行捆绑安装时遇到了麻烦。捆绑时，我会收到下一个错误：

安装ffi（1.9.25）时发生错误，并且Bundler无法继续。gem install ffi -v '1.9.25'捆绑前确保成功。

In Gemfile:
  s3_direct_upload was resolved to 0.1.6, which depends on
    sass-rails was resolved to 5.0.7, which depends on
      sass was resolved to 3.6.0, which depends on
        sass-listen was resolved to 4.0.0, which depends on
          rb-inotify was resolved to 0.9.10, which depends on
            ffi

当我运行gem时，install ffi -v '1.9.25'也会发生错误：

Building native extensions. This could take a while...
ERROR:  Error installing ffi:
    ERROR: Failed to build gem native extension.

    current directory: /xxx/xxx/.rvm/gems/ruby-2.5.3/gems/ffi-1.9.25/ext/ffi_c …

在我的 React 应用程序中，我在排序功能中遇到错误

Uncaught TypeError: Cannot assign to read only property '0' of object '[object Array]'

我不知道问题是什么，功能是这样的：

const preparedSites = useMemo(\n      () =>\n        sites\n          .sort(sortSiteSelection(site))\n          .map(elm => {\n            const arr = [\n              elm.siteId,\n              elm.city,\n              elm.state,\n              elm.country,\n              elm.address,\n              elm.status,\n            ];\n            if (nearestSites.length)\n              arr.push(\n                nearestSites.find(s => s.closestSiteId === elm.siteId).distance,\n              );\n            return arr;\n          })\n          .sort((a, b) => a[6] - b[6]),\n      [sites, site, nearestSites],\n    );\n

零件和 \xc2\xb4sortSiteSelection\xc2\xb4上发生的错误.sort如下

const nameCompare = (x, y) => x.name.localeCompare(y.name);\nconst cityCompare = (x, …

我在尝试Ajax请求的项目中收到错误

[Deprecation]主线程上的同步XMLHttpRequest因其对最终用户体验的不利影响而被弃用.

function getReviews() {
var toReturn = $.ajax({
    url: 'API/reviews.json',
    async: false
}).responseJSON;
return toReturn;
}

我想知道是否有不同的方法来写这个没有错误

在我的项目中，我必须在jquery（angular-jquery-datepicker）日期选择器中显示日期，该日期的格式应适合用户所在区域的正确格式。我能够以美国和欧盟格式显示。当用户设置这些日期时，我必须将其与toISOString一起保存到数据库中。但是，对于美国来说，一点问题都没有问题。对于EU格式，我收到标题中张贴的错误，并且我要分享整个错误：

RangeError: Invalid time value
at Date.toISOString (<anonymous>)
at n.$scope.save (scripts.js:2826)
at angular.js:12474
at f (angular.js:21700)
at n.$eval (angular.js:14570)
at n.$apply (angular.js:14669)
at HTMLButtonElement.<anonymous> (angular.js:21705)
at HTMLButtonElement.dispatch (jquery.min.js:3)
at HTMLButtonElement.r.handle (jquery.min.js:3)

我不知道为什么在美国使用日期有效而在欧盟无效。我不明白为什么某个日期有效，而另一日期却无效。

下面，我分享了给出该错误的代码：

 $scope.save = function() {
  if ($scope.banner.fromText != null && $scope.banner.toText != null) {
            $scope.banner.from = new Date($scope.banner.fromText);
            $scope.banner.to = new Date($scope.banner.toText);
            $scope.banner.to.setHours(23, 59, 59)
            $scope.banner.from = $scope.banner.from.toISOString()
            $scope.banner.to = $scope.banner.to.toISOString()
 }else{
  $scope.banner.to = null
  $scope.banner.from = null
 }

我在代码$ filter（'date'）（value.item.from，'shortDate'）;中使用

但是，如果您需要查看一些其他信息来理解此错误，请告诉我应该发布的内容，以便更好地查看它

我的日期选择器指令：

'use strict';
angular.module('angular-jquery-datepicker', []).factory('datepicker', 
[function() …

我正在尝试使用Kaminari分页来设置一个框,用户可以在其中设置每页显示的项目数.我有一个问题,因为我得到错误`undefined method to_i'for:limit:Symbol你的意思是？to_s

我以下一个方式设置了它:

控制器:

def index
    @books = Book.order(:name).page(params[:page]).per(:limit)
  end

视图:

<div class="pull-left">
    <%= form_tag controller_name, method: :get, id: 'limit_form' do %>
        <div class="select-tag">
          Show <%= select_tag :limit, options_for_select([5, 10, 15, 20], selected: params[:limit] || 10), onchange: "$('#limit_form').submit();" %> documents per page
        </div>
    <% end %>
  </div>

我想知道如何通过 id 或 class 检查 UI 上的元素是否存在。我用的是茶匙摩卡、诗浓和柴。

我尝试了下一个但它不起作用：

expect($('my-id')).to.be.true;

我正在使用 NodeJS Typescript，我想设置lint-staged为在提交之前验证我的文件，但它不起作用。我从指南中添加如下：

"husky": {
    "hooks": {
      "pre-commit": "lint-staged"
    }
  },
  "lint-staged": {
    "*.{js, jsx, ts, tsx, md, html}": [
      "eslint --fix",
      "prettier --write",
      "git add"
    ]
  }

我得到的错误：

No staged files match any of provided globs.

什么是适合我的配置package.json？

我正在尝试运行一个 Ruby on Rails 项目，该项目的版本2.4.1和我的系统是2.6.x. 我所做的是通过 Rbenv 安装旧版本的 Ruby 然后我执行了以下命令：

rbenv global 2.4.1 -> to change global Ruby version

ruby -v 
ruby 2.6.5p114

rbenv global
2.4.1

所以有问题，因为我想使用 2.4.1 但似乎不起作用。我无法启动捆绑包，因为它说我没有安装 2.4.1。

我需要一个 Mac OS Catalina 的解决方案，就像我在网上找到的那样，但没有任何效果并且无法启动该项目。

在我的 Node API 中，我使用 ORM Sequuilize 并尝试了解如何以这种方式使迁移文件通过外键相互引用到表。

我有一个学生，他有很多项目，并且项目属于一个学生。

所以我的模型是这样的：

module.exports = (sequelize, DataTypes) => {
    const Student = sequelize.define("Student", {
        _id: {
            primaryKey: true,
            type: DataTypes.UUID,
            defaultValue: DataTypes.UUIDV4,
            //autoIncrement: true
        },
        name: {
            type: DataTypes.STRING,
            allowNull: false
        },
        email: {
            type: DataTypes.TEXT,
            allowNull: false,
            unique: true
        },
        dateOfBirth: {
            type: DataTypes.DATEONLY,
            allowNull: false
        },
        createdAt: {
            type: DataTypes.DATE,
            allowNull: false
        },
        updatedAt: {
            type: DataTypes.DATE,
            allowNull: false
        }
    });

    Student.associate = function(models) {
        Student.hasMany(models.Project, {
            foreignKey: 'student_id',
            as: 'projects',
            onDelete: …