如何修复 summernote 不是函数？

Question

我在将 summernote 集成到我的代码中时遇到问题我一直遇到这个问题。我知道那里有很多答案，但我仍然找不到适合我的解决方案。

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

并且当我将其包装在 $(document).ready(function() { 中时，我在检查时遇到了其他错误：

jQuery.Deferred exception: $(...).summernote is not a function TypeError: $(...).summernote is not a function

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

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

我已经在我的 header 脚本中声明了 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

很可能该功能在页面加载时（当它点击您的脚本时）不可用。在页面加载完所有资产（包括 summernote）后，尝试将其包装在 $(document.ready(function() { /*your code here */ }); 到运行中。

Answer 2

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

如何修复 summernote 不是函数？

How to fix summernote is not a function?

javascript

jquery

summernote