我在这个项目中使用了几个库。抱怨的是jQuery。我不确定jQuery实际上是这里的罪魁祸首。我尝试了几种不同的方法来获得所需的结果,最终我得到了一个错误最少并且仍然可以正常运行的解决方案。好的,所以我正在使用 jQuery、Materialize、Angular、Angular UI-Router 和 Angular Materialize。我定义了几条路线以及嵌套视图。所以,上代码:
<ul tabs>
<li class="tab"><a href="#/one" ui-sref="one" ui-sref-active="active">One</a></li>
<li class="tab"><a href="#/two" ui-sref="two" ui-sref-active="active">Two</a></li>
<li class="tab"><a href="#/three" ui-sref="three" ui-sref-active="active">Three</a></li>
</ul>
因此,这种方法通过结合href="#/one"
锚ui-sref="one"
元素可以正常工作,但在初始应用加载时仍然会产生错误。Uncaught Error: Syntax error, unrecognized expression: #/one
.
几乎所有针对此错误的搜索结果都与字符串和引号的格式有关。这使我相信它与其中一个库有关。很可能是 Materialise 或 UI-Router。也许两者都在一起。
这是重现问题的小提琴 - https://jsfiddle.net/whatisthebigpicture/9uudedvx/ - 脚本以 HTML 加载,因为外部脚本面板无法正常工作。在 JSFiddle 上重现同样的问题是一个挑战,但我相信如果它可以在 Fiddle 中解决,那么我可以将它应用到我的应用程序中。
有没有人有一起使用这些库的经验?我可以做些什么来消除错误还是取决于图书馆开发人员?