Javascript Webcam.js错误：找不到要附加到的DOM元素

我正在尝试使用Webcam.js在我的MVC项目中捕获图像。但在初始级别，我遇到了一个问题

“无法找到要附加到的DOM元素。”

我附上了剧本

<style>
    .Camera {
        width: 320px;
        height: 240px;
        border: 1px solid black;
    }
</style>
<script type="text/javascript" src="~/Scripts/webcam.min.js"></script>
<script language="JavaScript">
    Webcam.set({
        width: 320,
        height: 240,
        image_format: 'jpeg',
        jpeg_quality: 90
    });
     Webcam.attach('#Camera');
</script>

.照相机{
宽度：320px；
高度：240px；
边框：1px纯黑；
}
网络摄像机({
宽度：320，
身高：240，
图像_格式：“jpeg”，
jpeg_质量：90
});
网络摄像头。连接（“#摄像头”）；

在视图中

 <div>
       <div id="Camera" class="Camera"> </div>
    <br>
    <input type="button" id="takeshot" value="Capture" onClick="take_snapshot()" />
 </div>

---

可能的原因是什么？

将javascript函数放在标记/element id:camera和id:takeshot下方

尝试使用另一个库，如

webcodecamjs.js

（在GitHub中）。这就是我现在使用的QR票据阅读器系统。