2015-12-08 2 views
2

Пытается построить с Aurelia с использованием машинописного машиностроения и добавления дизайна материала lite. Я просто клонирую навигационный скелет, но с машинописным текстом.Невозможно GET пакеты aurelia с использованием материального дизайна lite

Однако я получаю несколько ошибок в f12:

Lines in console

Что расшириться к чему-то, такие как:

Cannot GET /jspm_packages/npm/[email protected]/ 

Любые идеи?

спасибо.

package.json файл:

{ 
    "name": "aurelia-skeleton-navigation", 
    "version": "0.19.0", 
    "description": "A starter kit for building a standard navigation-style app with Aurelia.", 
    "keywords": [ 
    "aurelia", 
    "navigation", 
    "skeleton" 
    ], 
    "homepage": "http://aurelia.io", 
    "bugs": { 
    "url": "https://github.com/aurelia/skeleton-navigation/issues" 
    }, 
    "license": "CC0-1.0", 
    "author": "Rob Eisenberg <[email protected]> (http://robeisenberg.com/)", 
    "main": "dist/main.js", 
    "repository": { 
    "type": "git", 
    "url": "http://github.com/aurelia/skeleton-navigation" 
    }, 
    "scripts": { 
    "test": "gulp test", 
    "e2e": "gulp serve e2e" 
    }, 
    "devDependencies": { 
    "aurelia-bundler": "^0.1.8", 
    "aurelia-tools": "^0.1.3", 
    "babel": "^5.8.23", 
    "babel-eslint": "^4.1.3", 
    "browser-sync": "^1.8.1", 
    "conventional-changelog": "0.0.11", 
    "del": "^1.1.0", 
    "gulp": "^3.8.10", 
    "gulp-babel": "^5.1.0", 
    "gulp-bump": "^0.3.1", 
    "gulp-changed": "^1.1.0", 
    "gulp-eslint": "^1.0.0", 
    "gulp-notify": "^2.2.0", 
    "gulp-plumber": "^0.6.6", 
    "gulp-protractor": "^0.0.12", 
    "gulp-jshint": "^1.9.0", 
    "gulp-sourcemaps": "^1.3.0", 
    "gulp-typescript": "^2.9.2", 
    "gulp-yuidoc": "^0.1.2", 
    "isparta": "^3.1.0", 
    "istanbul": "gotwarlost/istanbul#source-map", 
    "jasmine-core": "^2.1.3", 
    "jshint-stylish": "^1.0.0", 
    "jspm": "^0.16.11", 
    "karma": "^0.12.37", 
    "karma-babel-preprocessor": "^5.2.1", 
    "karma-chrome-launcher": "^0.1.7", 
    "karma-coverage": "douglasduteil/karma-coverage#next", 
    "karma-jasmine": "^0.3.5", 
    "karma-jspm": "2.0.1-beta.2", 
    "karma-typescript-preprocessor": "0.0.21", 
    "object.assign": "^1.0.3", 
    "require-dir": "^0.1.0", 
    "run-sequence": "^1.0.2", 
    "tsd": "^0.6.5", 
    "vinyl-paths": "^1.0.0", 
    "yargs": "^2.1.1" 
    }, 
    "jspm": { 
    "dependencies": { 
     "aurelia-animator-css": "npm:[email protected]^1.0.0-beta.1.0.1", 
     "aurelia-binding": "npm:[email protected]^1.0.0-beta.1.0.1", 
     "aurelia-bootstrapper": "npm:[email protected]^1.0.0-beta.1", 
     "aurelia-dependency-injection": "npm:[email protected]^1.0.0-beta.1", 
     "aurelia-event-aggregator": "npm:[email protected]^1.0.0-beta.1", 
     "aurelia-fetch-client": "npm:[email protected]^1.0.0-beta.1", 
     "aurelia-framework": "npm:[email protected]^1.0.0-beta.1.0.1", 
     "aurelia-history": "npm:[email protected]^1.0.0-beta.1", 
     "aurelia-history-browser": "npm:[email protected]^1.0.0-beta.1.0.1", 
     "aurelia-loader": "npm:[email protected]^1.0.0-beta.1", 
     "aurelia-loader-default": "npm:[email protected]^1.0.0-beta.1.0.1", 
     "aurelia-logging": "npm:[email protected]^1.0.0-beta.1", 
     "aurelia-metadata": "npm:[email protected]^1.0.0-beta.1", 
     "aurelia-pal": "npm:[email protected]^1.0.0-beta.1", 
     "aurelia-pal-browser": "npm:[email protected]^1.0.0-beta.1", 
     "aurelia-path": "npm:[email protected]^1.0.0-beta.1", 
     "aurelia-route-recognizer": "npm:[email protected]^1.0.0-beta.1", 
     "aurelia-router": "npm:[email protected]^1.0.0-beta.1", 
     "aurelia-task-queue": "npm:[email protected]^1.0.0-beta.1", 
     "aurelia-templating": "npm:[email protected]^1.0.0-beta.1", 
     "aurelia-templating-binding": "npm:[email protected]^1.0.0-beta.1.0.1", 
     "aurelia-templating-resources": "npm:[email protected]^1.0.0-beta.1.0.2", 
     "aurelia-templating-router": "npm:[email protected]^1.0.0-beta.1.0.2", 
     "bootstrap": "github:twbs/[email protected]^3.3.4", 
     "core-js": "npm:[email protected]^1.2.6", 
     "fetch": "github:github/[email protected]^0.9.0", 
     "font-awesome": "npm:[email protected]^4.3.0", 
     "material-design-lite": "github:google/[email protected]^1.0.6", 
     "text": "github:systemjs/[email protected]^0.0.2" 
    }, 
    "devDependencies": { 
     "babel": "npm:[email protected]^5.8.24", 
     "babel-runtime": "npm:[email protected]^5.8.24", 
     "core-js": "npm:[email protected]^1.2.6" 
    }, 
    "overrides": { 
     "github:google/[email protected]": { 
     "main": "material" 
     } 
    } 
    } 

ответ

1

Похоже, вы забыли npm install и jspm install после клонирования репозитория. Просто сделайте те два (которые перечислены в README.md), и вы должны быть хорошими.

0

Из лей документации:

Material Design Lite автоматически регистрирует и что все элементы, отмеченные классы MDL на странице загрузки. Однако в случае, когда вы динамически создаете элементы DOM, вам необходимо зарегистрировать новые элементы, используя функцию upgradeElement.

Aurelia динамически загружает виды. При этом вам нужно позвонить upgradeElement для каждого элемента с классом mdl-css.

Попробуйте этот плагин: https://github.com/genadis/aurelia-mdl

Смежные вопросы