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

课程问答

编辑器优化--出现编译模板错误 [Vue Warn]: Error compiling template？

按照教程至 “加载和渲染”, 刷新页面，并没有正确显示Simditor编辑器。

查看public的css, js目录中引进生成了相关的css,js文件，与教程一致。

右键查看 “新建话题” 源码

.........
<!-- Styles -->
<link rel="stylesheet" href="http://larabbs.test/css/app.css">
    <link rel="stylesheet" type="text/css" href="http://larabbs.test/css/simditor.css">
</head>
...........
<!-- Scripts -->
    <script src="http://larabbs.test/js/app.js"></script>
        <script type="text/javascript" src="http://larabbs.test/js/module.js"></script>
<script type="text/javascript" src="http://larabbs.test/js/hotkeys.js"></script>
<script type="text/javascript" src="http://larabbs.test/js/uploader.js"></script>
<script type="text/javascript" src="http://larabbs.test/js/simditor.js"></script>
<script type="text/javascript">
    $(document).ready(function(){
        var editor = new Simditor({
            textarea: $('#editor'),
        });
    });
</script>

</div>
<link rel='stylesheet' type='text/css' property='stylesheet' ..........
......

看上去似乎没有什么问题，直接点击响应的css, js 都可进入查看

浏览器F12查看，结果出现：
```
app.js:32438 [Vue warn]: Error compiling template:
<div id="app" class="topics-create-page">
........
</footer>

    
    <script src="http://larabbs.test/js/app.js"></script></div>
Templates should only be responsible for mapping the state to the UI. Avoid placing tags with side-effects in your templates, such as <script>, as they will not be parsed.
```
Templates should only be responsible for mapping the state to the UI. Avoid placing tags with side-effects in your templates, such as script, as they will not be parsed.
上面的 "........" 为省略代码，只保留关键代码。
为了消除模板标签副作用，script标签不会被解析？？？这是为什么了？？
Simditor版本与教程不一致，使用的是2.3.13

younge

课程读者 17 声望

暂无个人描述~

1 人点赞

以构建论坛项目 LaraBBS 为线索，展开对 Laravel 框架的全面学习。应用程序架构思路贴近 Laravel 框架的设计哲学。

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

推荐文章：

更多推荐...

工作

[求职]在郑州工作4年的程序媛的简历优化 13 / 172 |

分享创造

使用 Laravel 10 & Vue 3 开发了一个社区站，一起来玩下～ 17 / 39 |

博客

对线面试官：php-fpm优化总结 26 / 5 |

翻译

Laravel 角色和权限：拦截器（Gates）和策略（Policies）解释 30 / 1 |

博客

laravel-soar(2.x) - 自动监控输出 SQL 优化建议、辅助 laravel 应用 SQL 优化 34 / 42 |

VUE3默认版本了，搞个音乐播放器项目熟悉一下 14 / 8 |

younge

课程读者 17 声望

最佳答案

已经找到问题了，script脚本引入位置错误。
原写法：【app.blade.php】中

<body>
    <div id="app" class="{{ route_class() }}-page">
      .....
          <!-- Scripts -->
         <script src="{{ asset('js/app.js') }}"></script>
         @yield('scripts')
    </div>
</body>

**把scripit放到了div中了，提取出来发到div外面或直接放在

5年前评论

讨论数量: 1

younge

课程读者 17 声望

已经找到问题了，script脚本引入位置错误。
原写法：【app.blade.php】中

<body>
    <div id="app" class="{{ route_class() }}-page">
      .....
          <!-- Scripts -->
         <script src="{{ asset('js/app.js') }}"></script>
         @yield('scripts')
    </div>
</body>

**把scripit放到了div中了，提取出来发到div外面或直接放在

5年前评论

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

帮助

编辑器优化--出现编译模板错误 [Vue Warn]: Error compiling template？

推荐文章：

社区赞助商

关于 LearnKu

资源推荐

服务提供商

其他信息

编辑器优化--出现编译模板错误 [Vue Warn]: Error compiling template？

推荐文章：

社区赞助商

关于 LearnKu

资源推荐

服务提供商

其他信息

请登录