Uncaught TypeError: Cannot read properties of undefined (reading 'getUserMedia')

Posted 2023-04-27

参考技术A html5调用摄像头拍照如果在localhost下没有问题，而部署服务后碰到如下的错误：
Uncaught TypeError: Cannot read properties of undefined (reading 'getUserMedia')
这是因为webrtc需要使用https

为什么Uncaught TypeError：$（...）。fulllCalendar不是函数？

我导入如下：

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script type="text/javascript" src="js/jquery-3.1.1.min.js"></script>
<script type="text/javascript" src="js/moment.js"></script>
<script type="text/javascript" src="js/fullcalendar.js"></script>
<script type="text/javascript" src="js/locale/ko.js"></script>
<link rel="stylesheet" href="css/fullcalendar.css">
<link rel="stylesheet" href="css/fcImportantCSS.css">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<link rel="stylesheet" href="css/adminMainPage.css">

我写了以下内容。

HTML：

<div id="calendarContainer" style="display:none">
    <input type="hidden" value="" id="ri_startDate">
    <input type="hidden" value="" id="ri_endDate">
    <div id="calendar"></div>
</div>  

JS：

// fullCalendar 관련
$('#calendar').fullCalendar({
  header: {
    center: "title", // 센터에는 타이틀 명이 오고
    left: "prev", // 왼쪽에는 < 버튼이 오고
    right: "next" // 오른쪽에는 > 버튼이 오게됌
  },
  lang: 'ko', // 달력 한글 설정
  editable: true, // 달력의 이벤트를 수정할 수 있는지 여부를 결정
  dayClick: function(date, allDay, view) // 일 클릭시 발생
  {
    var dateFormat = date.format('YYYY-MM-DD');

    if (confirm('휴진으로 등록 하시겠습니까?')) {

    } else {
      alert('bye ~ ');
    }
  }
});

测试时效果很好，但现在不能正常工作。

发生以下错误：

Uncaught TypeError: $(...).fullCalendar is not a function

为什么我会收到此错误？

如何修复代码以捕获此错误？

我需要你的帮助，请告诉我你的意见。

答案

尝试以下方法。

$(function(){
// fullCalendar 관련
$('#calendar').fullCalendar({
  header: {
    center: "title", // 센터에는 타이틀 명이 오고
    left: "prev", // 왼쪽에는 < 버튼이 오고
    right: "next" // 오른쪽에는 > 버튼이 오게됌
  },
  lang: 'ko', // 달력 한글 설정
  editable: true, // 달력의 이벤트를 수정할 수 있는지 여부를 결정
  dayClick: function(date, allDay, view) // 일 클릭시 발생
  {
    var dateFormat = date.format('YYYY-MM-DD');

    if (confirm('휴진으로 등록 하시겠습니까?')) {

    } else {
      alert('bye ~ ');
    }
  }
});
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<script src="https://netdna.bootstrapcdn.com/twitter-bootstrap/2.2.2/js/bootstrap.min.js"></script>
<link href="https://netdna.bootstrapcdn.com/twitter-bootstrap/2.2.2/css/bootstrap-combined.min.css" rel="stylesheet"/>

<script src="https://cdn.jsdelivr.net/fullcalendar/1.5.4/fullcalendar.js"></script>
<link href="https://cdn.jsdelivr.net/fullcalendar/1.5.4/fullcalendar.css" rel="stylesheet"/>

<script src="https://cdn.jsdelivr.net/fullcalendar/1.5.4/gcal.js"></script>
<link href="https://cdn.jsdelivr.net/fullcalendar/1.5.4/fullcalendar.print.css"  rel="stylesheet"/>
<div id = "calendar"></div>

以上是关于Uncaught TypeError: Cannot read properties of undefined (reading 'getUserMedia')的主要内容，如果未能解决你的问题，请参考以下文章

如何解决问题：Uncaught (in promise) TypeError: promisify is not a function？

Uncaught TypeError

Uncaught TypeError: Cannot redefine property: $router

Uncaught TypeError: o.block is not a function

Laravel 5.1 和 Vue.js - 21678 Uncaught (in promise) TypeError: Cannot read property 'data' of null

jQuery Post blob 对象给出 Uncaught TypeError: Illegal invocation