我已经在我的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', {
这与我在本地构建中的设置相同。
有什么想法,为什么我得到这个错误,即使我已经成功安装和导入奎尔?
1条答案
按热度按时间l7wslrjt1#
事实证明,当使用“npm run build”导入到Vite js文件时,Quill不工作。
我删除了它并添加了CDN脚本行
而不是在头部。然后它的工作很好。