Как исправить "ReferenceError: ширина не определена", когда я использую реагировать-большой-планировщик? - PullRequest
0 голосов
/ 16 июня 2019

У меня есть реагирует js на стороне клиента, и я использую реагировать-большой планировщик для ресурсов и событий планирования.Все работало нормально, мои ресурсы и события правильно извлекались из вызова API .но затем внезапно произошла эта ошибка.

**C:/Users/HP/Desktop/proj/node_modules/react-big-scheduler/lib/index.js:320
  
> 320 |   var schedulerContainerWidth = width - resourceTableWidth + 1;
  321 |   var schedulerWidth = schedulerData.getContentTableWidth() - 1;
  

Но ошибка в вышеуказанном index.js файле, который я никогда не создавал.Я npm установил response-big-scheduler, и эта папка многих файлов была установлена.И я не также не вносил в него никаких изменений.

вот мой ComponentWillMount () , где я использую Schedular:

componentWillMount()
  {
    let today = moment().format(DATE_FORMAT);
    let schedulerData = new SchedulerData(today, ViewTypes.Week);
    schedulerData.localeMoment.locale('en');
   

    const token = localStorage.getItem("jwttoken");
     axios.post('http://localhost/Auth/api/validate.php',{"jwt":token}, {
     headers: {
      'Accept': 'application/json, text/plain, */*',
       'Content-Type': 'application/json'
      }} )
    .then(response =>
    {
    console.log(response.data);
    this.setState({vendor: response.data.data})
    const vid = response.data.data.VendorID;

    return axios.get('http://localhost/Auth/api/show_all_HR.php?VendorID='+vid, {
    headers: {
     'Accept': 'application/json, text/plain, */*',
      'Content-Type': 'application/json'
     }} )
   .then(response =>
   {
   console.log(response.data);
   schedulerData.setResources(response.data);
   this.setState({
     AllHR :response.data,
     viewModel : schedulerData
    });
     console.log("I should be rendered at 1st",this.state.AllHR);
     console.log(vid);
   });
 });

  axios.get('http://localhost/Auth/api/show_one_HR_hours.php?VendorID=48', {
 headers: {
  'Accept': 'application/json, text/plain, */*',
   'Content-Type': 'application/json'
  }} )
.then(response =>
    { console.log(response.data);
      schedulerData.setEvents(response.data);
      this.setState({
        AllSlots : response.data,
        viewModel : schedulerData });
});

}
...