文章/答案/技术大牛

发布

社区首页 >问答首页 >用jspm运行转角材料

问用jspm运行转角材料
EN

Stack Overflow用户

提问于 2015-07-16 11:02:32

回答 1查看 896关注 0票数 2

我有问题要加载角质材料，我已经安装了jspm。由Systemjs负责。

我总是收到：

未发现的例外:未找到：packages/github/angular/bower-material@0.10.0/angular-material

这是我的Systemjs配置，由jspm创建

System.config({
  "baseURL": "/",
  "transpiler": "traceur",
  "paths": {
    "*": "*.js",
    "github:*": "jspm_packages/github/*.js"
  }
});

System.config({
  "map": {
    "angular": "github:angular/bower-angular@1.4.3",
    "angular-animate": "github:angular/bower-angular-animate@1.4.3",
    "angular-aria": "github:angular/bower-angular-aria@1.4.3",
    "angular-material": "github:angular/bower-material@0.10.0",
    "traceur": "github:jmcriffey/bower-traceur@0.0.88",
    "traceur-runtime": "github:jmcriffey/bower-traceur-runtime@0.0.88",
    "github:angular/bower-angular-animate@1.4.3": {
      "angular": "github:angular/bower-angular@1.4.3"
    },
    "github:angular/bower-angular-aria@1.4.3": {
      "angular": "github:angular/bower-angular@1.4.3"
    },
    "github:angular/bower-material@0.10.0": {
      "angular": "github:angular/bower-angular@1.4.3",
      "angular-animate": "github:angular/bower-angular-animate@1.4.3",
      "angular-aria": "github:angular/bower-angular-aria@1.4.3",
      "css": "github:systemjs/plugin-css@0.1.13"
    }
  }
});

这是我的主语：

var angular = require("angular");
require("angular-material");
var app = angular.module('StarterApp', ["ngMaterial"]);

我正在把它载入我的index.html：

<script>
    System.import("Main");
</script>

这有什么不对的

javascript

angularjs

angular-material

jspm

systemjs

回答 1

Stack Overflow用户

发布于 2016-02-17 22:48:35

一定是配置中的一个bug。以下是到目前为止(2016/02年)的过程，并以这里为例

第一：jspm install angular angular-animate angular-aria angular-material

window.define = System.amdDefine;
window.require = window.requirejs = System.amdRequire;

require([
  'angular',
  'angular-aria',
  'angular-animate',
  'angular-material',
  'angular-material/angular-material.css!',
  'angular-material/angular-material.layouts.css!'
], function(angular) {
  var app = angular.module('App', ['ngMaterial', 'ngAnimate', 'ngAria']);

  app.controller('AppCtrl', ['$scope',
    function($scope) {
      $scope.title = document.title;
    }
  ]);

  // angular manual initialisation since we use a script loader
  // cf. http://docs.angularjs.org/guide/bootstrap
  angular.element(document).ready(function() {
    console.log('Bootstrapping angular...');
    angular.bootstrap(document, ['App'], {
      strictDi: true
    });
  });
});

<!DOCTYPE html>

<head>
  <meta charset="utf-8" />
  <title>Angular Material</title>
  <script src="jspm_packages/system.js"></script>
  <script src="config.js"></script>
  <script>
  </script>
</head>

<div class="contentdemoBasicUsage" ng-controller="AppCtrl" layout="column" ng-cloak="">
  <md-toolbar class="md-warn">
    <div class="md-toolbar-tools">
      <h2 class="md-flex">{{title}}</h2>
    </div>
  </md-toolbar>

  <md-content flex="" layout-padding="">
    <p>Lorem ipsum dolor sit amet, ne quod novum mei. Sea omnium invenire mediocrem at, in lobortis conclusionemque nam. Ne deleniti appetere reprimique pro, inani labitur disputationi te sed. At vix sale omnesque, id pro labitur reformidans accommodare,
      cum labores honestatis eu. Nec quem lucilius in, eam praesent reformidans no. Sed laudem aliquam ne.</p>

    <p>
      Facete delenit argumentum cum at. Pro rebum nostrum contentiones ad. Mel exerci tritani maiorum at, mea te audire phaedrum, mel et nibh aliquam. Malis causae equidem vel eu. Noster melius vis ea, duis alterum oporteat ea sea. Per cu vide munere fierent.
    </p>
  </md-content>
</div>

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/31452361

复制

相似问题

问用jspm运行转角材料
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问用jspm运行转角材料EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问用jspm运行转角材料
EN