如何修复summernote不是一个函数?

Question

我有问题集成到我的代码我一直有这个问题。我知道有很多答案，但我仍然找不到我的解决方案。

Uncaught TypeError: $(…)。Summernote不是一个函数

和当我在$(document).ready(function() {中包装它时，我在检查中发现了额外的错误:

jQuery。延迟异常:$(…)。summernote不是一个函数TypeError: $(…)Summernote不是一个函数

当我点击检查中的错误行时它显示了我的这行代码

let msg = $("#summernote").summernote("code");

我已经在我的头脚本中声明了summernote cdn

<script type="text/javascript">
$(document).ready(function() {
$('#summernote').summernote({
placeholder: 'description',
tabsize: 2,
height:200,
toolbar:
[
['style', ['style']],
['font', ['bold', 'underline', 'clear']],
['color', ['color']],
['para', ['ul', 'ol', 'paragraph']],
['table', ['table']],
['insert', ['link', 'picture', 'video']],
['view', ['help']]
]
});    
});

</script>
<div class="nk-block nk-block-lg">
<div id="summernote"></div>
</div>

如何解决这个问题?

Answer 1

在页面加载时(当它到达脚本时)，该函数很可能不可用。尝试在$(document.ready(function() { /*your code here */ });中包装它，以便在页面完成加载其所有资产(包括summernote)后运行它。

Answer 2

找到了自己的答案。我必须声明脚本到另一个文件，这就是我如何解决我自己的问题。

Answer 3

解决这个错误的最好方法是在你的click函数中包含summernote js文件下面是示例

$.getScript('https://cdnjs.cloudflare.com/ajax/libs/summernote/0.8.18/summernote-bs4.min.js', function () 
{
$('.editor').summernote();
});