AngularJS UpgradeAdpater для 1 до 2 выпуск

<html lang="en"> 
<head> 
<meta charset="utf-8" /> 
<link rel="stylesheet" href="app.css" type="text/css" /> 
<script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.5.5/angular.js"></script> 
<script src="https://cdnjs.cloudflare.com/ajax/libs/systemjs/0.19.27/system.src.js"></script> 
<script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/2.0.0-beta.17/angular2-polyfills.js"></script> 
<script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/2.0.0-beta.17/Rx.js"></script> 
<script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/2.0.0-beta.17/angular2.dev.js"></script> 
<script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/2.0.0-beta.17/upgrade.dev.js"></script> 
<body> 
<h1>Angular 1 to 2</h1> 
<script> 
    angular.element(document).ready(function() { 
     var upgrade_1 = require('angular2/upgrade'); 
     var upgradeAdapter = new upgrade_1.UpgradeAdapter(); 
     upgradeAdapter.bootstrap(document.body, ['app'], { strictDi: true }); 
    }); 
</script> 
</body> 
</html>

Выше html, который я пытаюсь использовать для настройки адаптера обновления для углового2.AngularJS UpgradeAdpater для 1 до 2 выпуск

В настоящее время я пытаюсь загрузить адаптер обновления. Вышеприведенный код в теге скрипта - это то, что пример кода машинописного текста соответствовал js на угловом веб-сайте. https://angular.io/docs/ts/latest/guide/upgrade.html#!#bootstrapping-hybrid-angular-1-2-applications

Проблема заключается в том, что я продолжаю получать следующее сообщение об ошибке: «require» is undefined ».

Почему система не загружает его?

источник

2016-05-16 MichaelMarriott

Ниже большой шаг за шагом о том, как настроить адаптер обновления

https://medium.com/@SevenLee/configuration-tips-to-build-hybrid-angular-1-and-angular-2-project-in-real-world-230b715629dc#.g0tsratdm

Моя главная проблема была в моем файле TSconfig мне нужно использовать «модуль»: «Система» вместо «модуль «: "CommonJS"

это то компилирует код обновления адаптера к:

system.register(['angular2/upgrade'], function(exports_1, context_1) { 
"use strict"; 
var __moduleName = context_1 && context_1.id; 
var upgrade_1; 
var upgradeAdapter; 
return { 
    setters:[ 
     function (upgrade_1_1) { 
      upgrade_1 = upgrade_1_1; 
     }], 
    execute: function() { 
     upgradeAdapter = new upgrade_1.UpgradeAdapter(); 
     upgradeAdapter.bootstrap(document.body, ['app'], { strictDi: true }); 
    } 
} 
});

источник

2016-05-17 08:12:17 MichaelMarriott

AngularJS UpgradeAdpater для 1 до 2 выпуск

ответ

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