mean-stack – 将angular-material添加到mean.io app

发布时间：2020-12-17 17:15:30 所属栏目：安全来源：网络整理

导读：我正在尝试将 angular-material添加到 mean.io应用程序中. 我在我的自定义包中使用了凉亭来安装角度材料,现在我有一个… / public / assets / lib / angular-material文件夹. 到现在为止还挺好.现在我想在我的自定义mean.io模块中使用它,并根据我添加的文档

我正在尝试将 angular-material添加到 mean.io应用程序中.

我在我的自定义包中使用了凉亭来安装角度材料,现在我有一个… / public / assets / lib / angular-material文件夹.

到现在为止还挺好.现在我想在我的自定义mean.io模块中使用它,并根据我添加的文档

MyPackage.angularDependencies(['ngMaterial']);

在我的app.js文件中.

我还聚合了angular-material.css和angular-material.js(不确定是否需要这个).

但是,我收到以下错误：

Failed to instantiate module mean due to:
Error: [$injector:modulerr]     http://errors.angularjs.org/1.4.8/$injector/modulerr?p0=m...)
at Error (native)
at http://127.0.0.1:3001/bower_components/angular/angular.min.js?v=90fb950dbc3e9296755d9cc23a211744:6:416
at http://127.0.0.1:3001/bower_components/angular/angular.min.js?v=90fb950dbc3e9296755d9cc23a211744:38:391
at n (http://127.0.0.1:3001/bower_components/angular/angular.min.js?v=90fb950dbc3e9296755d9cc23a211744:7:333)
at g (http://127.0.0.1:3001/bower_components/angular/angular.min.js?v=90fb950dbc3e9296755d9cc23a211744:37:488)
at http://127.0.0.1:3001/bower_components/angular/angular.min.js?v=90fb950dbc3e9296755d9cc23a211744:38:134
at n (http://127.0.0.1:3001/bower_components/angular/angular.min.js?v=90fb950dbc3e9296755d9cc23a211744:7:333)
at g (http://127.0.0.1:3001/bower_components/angular/angular.min.js?v=90fb950dbc3e9296755d9cc23a211744:37:488)
at eb (http://127.0.0.1:3001/bower_components/angular/angular.min.js?v=90fb950dbc3e9296755d9cc23a211744:41:249)
at c (http://127.0.0.1:3001/bower_components/angular/angular.min.js?v=90fb950dbc3e9296755d9cc23a211744:19:463

我假设mean没有找到angular-material模块,我需要在某处指定它的路径.但我无法弄清楚在哪里.

解决方法

我遇到了同样的问题,这种情况正在发生,因为angular无法通过材料解析一些必需的库,我没有深入研究这个问题,但我找到了另一种解决方案,如下所述：

导航到项目根目录,然后使用bower安装角度材料：

$bower install angular-material --save

然后,在项目根目录中,您将找到包含AngularJS的/config/assets.json文件,现在您可以添加角度材质库,如下所示：

{
  "core": {
    "css": {
      "bower_components/build/css/dist.min.css": [
        "bower_components/angular/angular-csp.css",->    "bower_components/angular-material/angular-material.css","bower_components/angular-ui-select/dist/select.min.css"
      ]
    },"js": {
      "bower_components/build/js/dist.min.js": [
        "bower_components/jquery/dist/jquery.min.js","bower_components/angular/angular.min.js",->  "bower_components/angular-aria/angular-aria.js",->  "bower_components/angular-animate/angular-animate.js",->  "bower_components/angular-material/angular-material.js","bower_components/angular-mocks/angular-mocks.js","bower_components/angular-cookies/angular-cookies.min.js","bower_components/angular-resource/angular-resource.min.js","bower_components/angular-sanitize/angular-sanitize.min.js","bower_components/angular-ui-router/release/angular-ui-router.min.js","bower_components/angular-jwt/dist/angular-jwt.min.js","bower_components/angular-bootstrap/ui-bootstrap-tpls.js","bower_components/angular-ui-select/dist/select.min.js","bower_components/web-bootstrap/index.js"
      ]
    }
  }
}

我知道mean.io说不改变核心软件包,但是我没有找到另一种方法让它工作,如果有人有更好的解决方案,请告诉我们.

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!