在 index.html 中链接时，返回语句 Angular Material Failing 后无法访问代码答案

【问题标题】：unreachable code after return statement Angular Material Failing when linked in index.html在 index.html 中链接时，返回语句 Angular Material Failing 后无法访问代码
【发布时间】：2016-05-28 08:37:04
【问题描述】：

大家好，我只是为我正在做的一些工作建立一个新项目，试图让某些东西快速工作以保持势头。但是，我似乎无法正确加载 Angular Material。我使用 Node 和 bower 来获取我的模块，这似乎可以很好地加载它们。

但是，当我加载页面时，我的控制台报告说它在返回语句后遇到了无法访问的代码，如标题所示。这实际上是在由 bower 导入的角度材料 js 文件中遇到的。

我不知道为什么会发生这种情况，任何能帮助你超越这一点的帮助都会非常感谢。

编辑

我可能已经找到解决我遇到的问题的方法。我使用的 Web 应用程序的后端由 Django 控制，Angular js 和 Django 之间存在冲突，因为它们使用相同的标签来显示变量的值。这阻止了 Angular Material 正确实例化。我仍然收到无法访问的代码警告，但现在 Material 正在按我的预期工作。

我希望这可以帮助一些人在看到此问题时调试他们遇到的问题。

【问题讨论】：

这是在 Firefox 中吗？这只是一个警告，有一些无用的额外代码不会影响任何事情。您可能做错了其他事情，例如忘记了您的 ng-app、主模块或 ngMaterial 依赖项。
我也有同样的问题。在 Ubuntu 上使用 Firefox。问题出现在“opts.menuContentEl[0].addEventListener('click', captureClickListener, true);”行角材料模块。依赖关系设置正确，其他一切正常。
我找到了解决我遇到的问题的方法，并编辑了我的问题以反映我的发现希望这对其他人有帮助。

标签： angularjs django node.js bower angular-material

【解决方案1】：

包括库的缩小版本。自动分号插入因您的浏览器而异，如果库代码的 return 语句跨越两行，它可能会在不应该出现的地方出现分号。使用缩小版可以解决此问题，因为该语句不会跨行中断。

包括这个：

<script src="bower_components/angular-material/angular-material.min.js"></script>

而不是这个：

<script src="bower_components/angular-material/angular-material.js"></script>

【讨论】：