2017-02-16 2 views
2

prototype.js를 사용하는 기존 응용 프로그램에서 Angular2를 설정하려고합니다. 하지만 Angular2도 prortotype.js에 종속되어있어 (잘못된 경우 수정) 따라서 앱로드를 시도 할 때 "maximum call stack size exceeded RangeError(in Chrome)"을 던집니다. 저는 Angular2를 처음 접했습니다.Angular2가 prototype.js와 작동하지 않습니다

prototype.js 의존성을 추가하여 Angular2 퀵 스타터 앱에서 재현 할 수 있습니다.

<!DOCTYPE html> 
 
<html> 
 
    <head> 
 
    <title>Angular QuickStart</title> 
 
    <meta charset="UTF-8"> 
 
    <meta name="viewport" content="width=device-width, initial-scale=1"> 
 
    <base href="/"> 
 
    <link rel="stylesheet" href="styles.css"> 
 

 
    <!-- Polyfill(s) for older browsers --> 
 
    <script src="node_modules/core-js/client/shim.min.js"></script> 
 

 
    <script src="node_modules/zone.js/dist/zone.js"></script> 
 

 
    <script src="node_modules/systemjs/dist/system.src.js"></script> 
 

 

 
    <script src="systemjs.config.js"></script> 
 
    <script> 
 
     System.import('main.js').catch(function(err){ console.error(err); }); 
 
    </script> 
 

 
    <script src="https://cdnjs.cloudflare.com/ajax/libs/prototype/1.6.0.3/prototype.js"></script> 
 
    </head> 
 

 
    <body> 
 
    <my-app>Loading AppComponent content here ...</my-app> 
 
    </body> 
 
</html>

웹 관리자 콘솔의 부분 스택 추적입니다 : 내가 뭔가 잘못하고있는 중이 야

Error: (SystemJS) Maximum call stack size exceeded RangeError: Maximum call stack size exceeded at ParamDecoratorFactory (http://localhost:3000/node_modules/@angular/core/bundles/core.umd.js:401:39) at new (https://cdnjs.cloudflare.com/ajax/libs/prototype/1.6.0.3/prototype.js:214:23) at ParamDecoratorFactory

? 그렇지 않다면, 거기에 해결 방법이 있습니까?

미리 감사드립니다.

답변

2

prototype.js로 이동하십시오.

파일의 시작 부분에

var bindTemp = Function.prototype.bind;

를 추가합니다.

파일의 끝에

Function.prototype.bind = bindTemp;

를 추가합니다. 이제 작동합니다.

크레딧 : Solution

관련 문제