编辑器优化无法识别jquery
问题描述:
在教程6.2编辑器优化的小节中。跟着教程把module.js,hotkey.js,uploader.js,simditor.js四个js文件引入后。在javascript执行的地方
浏览器提示:$ is not a function.
解决方案:
在引入文件的时候,多从simditor 的解压文件中,将jquery.min.js一起引入到项目中,然后重新执行npm run watch-poll,而后在create_and_edit.blade.php中增加一条js引入文件
再次刷新浏览器,则没报错,同时simditor编辑器成功的初始化。
结果分析:
在app.js中未能正常引入jquery库,或者其他的原因,请各位帮忙指点一下。
我在猜測,你可能安裝laravel/ui安裝到最新版的,他是支援bootstrap 5所以沒有jquery的引入,所以你要把laravel/ui限制在3.3
引入jquery.min.js文件的位置很重要。
今天我也遇到了类似的问题,按照题主的这条评论操作,但是没有意识到引入
js文件的顺序
,就把jquery.min.js文件
放到了最后,如图:结果报了另外一个错:
把
jquery.min.js文件
放到了第一条的位置就不报错了,而且正常显示。如图:laravel3.3后报错:laravel/ui v3.3.0 requires illuminate/console ^8.42 -> found illuminate/console[v8.42.0, ..., 8.x-dev] but these were not loaded, likely because it conflicts with another require. 如何解决
app.js 中引入了 bootstrap.js bootstrap.js 中引入了引入了 jquery 最后打包生成的 public 下的 app.js 有 jquery 模块
npm run watch-poll