Wie erhalten Sie die gleichen Angular-Versionen für eine lokale Angular CLI App und ein Plunk?

Question

Ich bin neu sowohl Angular 2.0 und eckig-cli.

Um mich selbst loszuwerden, muss ich ein Plunk mit der gleichen Version von Angular 2.0 machen wie die, die ich benutze, um meine App zu erstellen, und dann eine Stackoverflow-Frage verlinken.

Soweit ich das beurteilen kann, kann ich Versionen im Plunk verwenden, die here aufgelistet sind, die derzeit bis 2.0.0-beta.17 gehen. Das Angular-CLI verwendet 2.0.0-rc.1.

Ich habe versucht, diesen Teil meiner package.json durch Ersetzen von "2.0.0-rc.1" durch "2.0.0-beta.17" zu bearbeiten. Das hat nicht funktioniert.

"dependencies": { 
    "@angular/common": "2.0.0-rc.1", 
    "@angular/compiler": "2.0.0-rc.1", 
    "@angular/core": "2.0.0-rc.1", 
    "@angular/http": "2.0.0-rc.1", 
    "@angular/platform-browser": "2.0.0-rc.1", 
    "@angular/platform-browser-dynamic": "2.0.0-rc.1", 
    "@angular/router": "2.0.0-rc.1", 
    "es6-shim": "^0.35.0", 
    "reflect-metadata": "0.1.3", 
    "rxjs": "5.0.0-beta.6", 
    "systemjs": "0.19.26", 
    "zone.js": "^0.6.12" 
    }, 

Ist es möglich, die CLI-Version (2.0.0-rc.1) in einem Plunk zu verwenden? Ich würde das lieber machen.

Answer 1

Leider scheint der RC noch nicht auf cdn verfügbar zu sein. Sie können eine Anfrage auf dem cdnjs rep versuchen. mit this link

Answer 2

Ich kam gerade diese über plunk von Mark Rajcok, dass es von https://npmcdn.com, indem sie den Code zu handhaben scheint

/** 
* PLUNKER VERSION (based on systemjs.config.js in angular.io) 
* System configuration for Angular 2 samples 
* Adjust as necessary for your application needs. 
* Override at the last minute with global.filterSystemConfig (as plunkers do) 
*/ 
(function(global) { 

    var ngVer = '@2.0.0-rc.1'; // lock in the angular package version; do not let it float to current! 

    //map tells the System loader where to look for things 
    var map = { 
    'app':      'app', // 'dist', 
    'rxjs':      'https://npmcdn.com/rxjs@5.0.0-beta.6', 
    'angular2-in-memory-web-api': 'https://npmcdn.com/angular2-in-memory-web-api' // get latest 
    }; 

    //packages tells the System loader how to load when no filename and/or no extension 
    var packages = { 
    'app':      { main: 'main.ts', defaultExtension: 'ts' }, 
    'rxjs':      { defaultExtension: 'js' }, 
    'angular2-in-memory-web-api': { defaultExtension: 'js' }, 
    }; 

    var packageNames = [ 
     '@angular/common', 
     '@angular/compiler', 
     '@angular/core', 
     '@angular/http', 
     '@angular/platform-browser', 
     '@angular/platform-browser-dynamic', 
     '@angular/router', 
     '@angular/router-deprecated', 
     '@angular/upgrade', 
    ]; 

    // add map entries for angular packages in the form '@angular/common': 'https://npmcdn.com/@angular/common@0.0.0-3?main=browser' 
    packageNames.forEach(function(pkgName) { 
    map[pkgName] = 'https://npmcdn.com/' + pkgName + ngVer; 
    }); 

    // add package entries for angular packages in the form '@angular/common': { main: 'index.js', defaultExtension: 'js' } 
    packageNames.forEach(function(pkgName) { 
    packages[pkgName] = { main: 'index.js', defaultExtension: 'js' }; 
    }); 

    var config = { 
    transpiler: 'typescript', 
    typescriptOptions: { 
     emitDecoratorMetadata: true 
    }, 
    map: map, 
    packages: packages 
    } 

    // filterSystemConfig - index.html's chance to modify config before we register it. 
    if (global.filterSystemConfig) { global.filterSystemConfig(config); } 

    System.config(config); 

})(this); 


/* 
Copyright 2016 Google Inc. All Rights Reserved. 
Use of this source code is governed by an MIT-style license that 
can be found in the LICENSE file at http://angular.io/license 
*/