Laravel 9未捕获参考错误:未定义Quill

t0ybt7op  于 2022-11-26  发布在  其他
关注(0)|答案(1)|浏览(180)

我已经在我的Laravel 9/Vite项目中安装了Quilljs,它在我的本地机器上运行良好。
当我将它上传到我的服务器时,我执行了以下操作:

  • 运行必需的“npm安装quill@1.3.6”
  • 添加了“导入'../../node_modules/quill/dist/quill.js';“添加到我的“resources/js/app.js”文件
  • 添加了“@导入'../../node_modules/quill/dist/quill.snow.css';添加到我的“resources/sass/app.scss”文件
  • 运行“npm运行构建”,未出现任何错误
  • 运行“php Artisan优化”

在我的blade文件的底部有以下内容:

<script>
    document.addEventListener("DOMContentLoaded", function(event) {
        var toolbarOptions = [
            [{ 'header': [1, 2, 3, false ]}],
            ['bold', 'italic', 'underline'],
            [{ 'list': 'ordered'}, { 'list': 'bullet' }],

            [{ 'color': [] }],
            [{ 'align': [] }],

            ['clean']
        ];

        var quill = new Quill('#quill_note', {
            modules: {
                syntax: false,
                toolbar: toolbarOptions
            },
            theme: 'snow'
        });

        window.quill = quill

    });
</script>

在我的服务器上,我收到“未捕获的引用错误:羽未定义”,指着那排:

var quill = new Quill('#quill_note', {

这与我在本地构建中的设置相同。
有什么想法,为什么我得到这个错误,即使我已经成功安装和导入奎尔?

l7wslrjt

l7wslrjt1#

事实证明,当使用“npm run build”导入到Vite js文件时,Quill不工作。
我删除了它并添加了CDN脚本行

<script src="https://cdn.quilljs.com/1.3.6/quill.js"></script>

而不是在头部。然后它的工作很好。

相关问题