《L02 Laravel 教程 - Web 开发实战进阶 ( Laravel 8.x )》 6.2. 编辑器优化

同学分享

编辑器优化无法识别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库，或者其他的原因，请各位帮忙指点一下。

simditor jquery

danguilangzi

课程读者 11 声望

暂无个人描述~

3 人点赞

我们将带你从零开发一个项目并部署到线上，本课程教授 Web 开发中专业、实用的技能，如 Git 工作流、Laravel Mix 前端工作流等。

从零开始带你一步步开发一个 Go 博客项目，让你在最短的时间内学会使用 Go 进行编码。项目结构很大程度上参考了 Laravel。

推荐文章：

更多推荐...

博客

Laravel Query Builder 复杂查询案例：子查询实现分区查询 partition by 18 / 4 |

博客

讨论数量: 7

yuanchin

2 声望

我在猜測，你可能安裝laravel/ui安裝到最新版的，他是支援bootstrap 5所以沒有jquery的引入，所以你要把laravel/ui限制在3.3

2年前评论

yuanchin （作者）

@booby composer require laravel/ui:3.3 下以上指令就可以限制在3.3了，你試試看

booby

怎么把laravel/ui,限制到3.3, 按照课程命令下来,直接就变成bootstrap5 去啦,版本不一致,好多地方要操心

Moonshadow2333

课程读者 298 声望

引入jquery.min.js文件的位置很重要。

今天我也遇到了类似的问题，按照题主的这条评论操作，但是没有意识到引入js文件的顺序，就把jquery.min.js文件放到了最后，如图：

file

结果报了另外一个错：

file

把jquery.min.js文件放到了第一条的位置就不报错了，而且正常显示。如图：

file

2年前评论

Rookie！

👍可以了

feng_laravel

课程读者 0 声望

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. 如何解决

1年前评论

不负韶华。

课程读者 33 声望

app.js 中引入了 bootstrap.js bootstrap.js 中引入了引入了 jquery 最后打包生成的 public 下的 app.js 有 jquery 模块

npm run watch-poll

1年前评论

讨论应以学习和精进为目的。请勿发布不友善或者负能量的内容，与人为善，比聪明更重要！

帮助

编辑器优化无法识别jquery

推荐文章：

社区赞助商

关于 LearnKu

资源推荐

服务提供商

其他信息

编辑器优化无法识别jquery

推荐文章：

社区赞助商

关于 LearnKu

资源推荐

服务提供商

其他信息

请登录