Javascript 角度错误:$喷油器:模块错误

Javascript 角度错误:$喷油器:模块错误,javascript,angularjs,Javascript,Angularjs,我试图运行一个角度材料的例子,但我的生活,我不明白为什么我会得到这个错误 我得到的错误是错误:$injector:moduler moduler error 这是我得到的错误报告: 你知道这是什么问题吗?我实际上是从他们的示例网站上复制粘贴的 代码如下: angular.module('MyApp',['ngMaterial','ngMessages','material.svgAssetsCache'])) .controller('AppCtrl',函数($scope){ }); .but

我试图运行一个角度材料的例子,但我的生活,我不明白为什么我会得到这个错误

我得到的错误是
错误:$injector:moduler moduler error

这是我得到的错误报告:

你知道这是什么问题吗?我实际上是从他们的示例网站上复制粘贴的

代码如下:

angular.module('MyApp',['ngMaterial','ngMessages','material.svgAssetsCache']))
.controller('AppCtrl',函数($scope){
});
.buttonemobasicusage部分{
背景:#f7f7f7;
边界半径:3px;
文本对齐:居中;
边缘:1米;
职位:相对!重要;
填充底部:10px;}
.buttoneMobasicusage md内容{
右边距:7px;}
.buttondemoBasicUsage节.md按钮{
边缘顶部:16px;
页边距底部:16px;}
.buttondemoBasicUsage.label{
位置:绝对位置;
底部:5px;
左:7px;
字体大小:14px;
不透明度:0.54;}

图标按钮

您是否引用了与angular应用程序相关的.js文件?
我只能看到外部javascript依赖项,但与应用程序控制器无关。注意导入的顺序

更改模块脚本以删除对material.svgAssetsCache的引用,演示将运行,但没有最后一行按钮,这些按钮引用“本地”图像资源

如果你抓取一个图标的副本(bower install material design icons),找到相关的24px.svg文件并从网站的根目录中弹出(比如)/img/icons/(根据需要调整文件名和路径),那么即使是这个部分也可以正常工作

当你想到这个演示时,你会觉得它相当令人不快,因为它很可能被选为第一次尝试,但它只在CodePen沙盘中工作。

你需要添加:

<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/angular_material/1.0.0/angular-material.min.css">

您很可能缺少svg图标

<script src="http://ngmaterial.assets.s3.amazonaws.com/svg-assets-cache.js"></script>


这三个模块,
['ngMaterial','ngMessages','material.svgAssetsCache']
都是在您加载的8个文件中的某个文件中定义的吗?那么导入的正确顺序是什么?我从angular网站上的一个工作示例复制粘贴了它。想想什么需要什么。你的应用程序和控制器需要angular框架,然后你必须把它们放在angular.js文件后面。如果将模块和控制器放在文件myapp.js中,则必须在angular.js之后引用此文件。您可以使用这个JavaScript库来绘制图标,尽管您必须进行一些定位,以使它们完全位于(比如)一个晶圆厂内。这一行:将图标放在“android”fab示例中。我以为在使用npm安装后,该文件将位于material design icons目录中,但我没有看到任何匹配的内容。这个文件包括在别的地方吗?