Угловое приложение 2 не загружается в Chrome - Застрял при загрузке ... - Бэкэнд написан на Java Spring

Я новичок в angular2 и нуждаюсь в помощи. Я работаю над приложением angular2, чей бэкэнд написан на Java Spring. Приложение отлично работало раньше. Я не менял никакого кода, но теперь, когда я загружаю его в хром, он застревает при загрузке ... Я проверил консоль, но нет ошибки. Если я попытаюсь открыть его в firefox или safari, он загрузится отлично, но в firefox я не могу отправить форму (возможно, проблемы совместимости?).Угловое приложение 2 не загружается в Chrome - Застрял при загрузке ... - Бэкэнд написан на Java Spring

Приложение написано на "angular2": "2.0beta.0-.14". Как Angular2 RC5 был выпущен, так что код устарел? Должен ли я внести изменения в код?

index.html

<!DOCTYPE html> 
<html lang="en"> 
<head> 
    <meta charset="UTF-8"> 
    <title>BMIS</title> 
    <base href="/"> 

    <!-- Angular JS --> 

    <!-- 1. Load libraries --> 
    <!-- IE required polyfills, in this exact order --> 
    <script src="node_modules/es6-shim/es6-shim.min.js"></script> 
    <script src="node_modules/systemjs/dist/system-polyfills.js"></script> 
    <script src="node_modules/angular2/es6/dev/src/testing/shims_for_IE.js"></script> 

    <script src="node_modules/angular2/bundles/angular2-polyfills.js"></script> 
    <script src="node_modules/systemjs/dist/system.src.js"></script> 
    <script src="node_modules/rxjs/bundles/Rx.js"></script> 
    <script src="node_modules/angular2/bundles/angular2.dev.js"></script> 
    <script src="node_modules/angular2/bundles/http.dev.js"></script> 
    <script src="node_modules/angular2/bundles/router.dev.js"></script> 


    <!-- 2. Configure SystemJS --> 

    <script> 
     System.config({ 

      packages: { 
       app: { 
        format: 'register', 
        defaultExtension: 'js', 
       } 
      }, 
      map: { 
       "angular2-jwt": "node_modules/angular2-jwt/angular2-jwt.js" 
      } 
     }); 
     System.import('app/main') 
       .then(null, console.error.bind(console)); 
    </script> 

    <!-- Angular JS --> 


    <!-- Bootstrap --> 
    <link href="assets/css/bootstrap.min.css" rel="stylesheet" /> 
    <link href="assets/css/custom.css" rel="stylesheet" /> 
    <!-- Bootstrap --> 

    <!-- Timeline css --> 
    <link href="assets/css/timeline.min.css" rel="stylesheet" /> 
    <!-- Timeline css --> 


    <!-- Navigation --> 
    <link href="assets/css/navbar.css" rel="stylesheet" /> 
    <script src="assets/js/navbar.js" type="text/javascript"></script> 
    <!-- Navigation --> 

    <!-- Font Awesome --> 
    <link rel="stylesheet" href="assets/css/font-awesome.min.css"> 

    <!-- Font Awesome --> 


</head> 
<body> 
    <app>Loading...</app> 
</body> 
</html>

package.json

{ 
    "name": "abcd", 
    "version": "1.0.0", 
    "scripts": { 
    "start": "concurrently \"npm run tsc:w\" \"npm run lite\" ", 
    "tsc": "tsc", 
    "tsc:w": "tsc -w", 
    "lite": "lite-server", 
    "typings": "typings", 
    "postinstall": "typings install" 
    }, 
    "license": "ISC", 
    "dependencies": { 
    "angular2": "2.0beta.0-.14", 
    "es6-promise": "^3.0.2", 
    "es6-shim": "^0.35.0", 
    "ng2-radio-group": "0.0.2", 
    "reflect-metadata": "0.1.2", 
    "rxjs": "5.0.0-beta.2", 
    "systemjs": "0.19.24", 
    "zone.js": "0.6.10" 
    }, 
    "devDependencies": { 
    "concurrently": "^2.0.0", 
    "lite-server": "^2.1.0", 
    "typescript": "^1.8.9", 
    "typings": "^0.7.9" 
    } 
}

источник

2016-08-18 usmanwalana

Вы должны следовать по пути обновления. Первый шаг будет проверять обновления пути к RC1:

http://www.picnet.com.au/blogs/guido/post/2016/05/10/upgrading-from-angular-2-beta-17-to-angular-2-rc1/

Обновление не должно быть проблемой, если у вас нет routing

Следующей вещи будет обновление до RC5. Основными нарушениями являются перезагрузка с использованием NgModules. Проверьте точные шаги https://angular.io/docs/ts/latest/cookbook/rc4-to-rc5.html.

источник

2016-08-18 15:47:45

Я попробую это. У меня также есть маршрутизация в моем проекте, и что мне делать? В учебнике говорится, что использовать маршрутизатор не рекомендуется, потому что новый является противным. – usmanwalana

Угловое приложение 2 не загружается в Chrome - Застрял при загрузке ... - Бэкэнд написан на Java Spring

ответ

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