Uncaught ReferenceError: требуют не определена (анонимная функция) @ NG2-translate.ts: 2

Получение этой ошибки:Uncaught ReferenceError: требуют не определена (анонимная функция) @ NG2-translate.ts: 2

Uncaught ReferenceError: require is not defined(anonymous function) @ ng2-translate.ts:2

Это линия, где я импортировать @ anguar/HTTP

import {provide} from '@angular/core'; 
import {Http} from '@angular/http';

Не знаю, почему я хотел бы получить какие-либо ошибки здесь, так как я действительно включают зависимость HTTP в проекте:

package.json:

"dependencies": { 
    "@angular/common": "2.0.0-rc.4", 
    "@angular/compiler": "2.0.0-rc.4", 
    "@angular/core": "2.0.0-rc.4", 
    "@angular/http": "^2.0.0-rc.4", 
    "@angular/platform-browser": "2.0.0-rc.4", 
    "@angular/platform-browser-dynamic": "2.0.0-rc.4", 
    "@angular/router": "3.0.0-beta.1", 
    "core-js": "^2.4.0", 
    "es5-shim": "^4.5.9", 
    "es6-shim": "^0.35.1", 
    "ng2-translate": "2.2.2", 
    "reflect-metadata": "0.1.3", 
    "rxjs": "5.0.0-beta.6", 
    "systemjs": "^0.19.31", 
    "zone.js": "^0.6.12" 
    },

index.html

<!doctype html> 
<html> 

<head> 
    <meta charset="utf-8"> 
    <title>Focus Anbud</title> 
    <base href='/'> {{content-for 'head'}} 
    <link rel="icon" type="image/x-icon" href="favicon.ico"> 
    <meta name="viewport" content="width=device-width, initial-scale=1"> 

    <!-- Loading Spinner --> 
    <link rel="stylesheet" href="assets/css/whirly.css"> 

    <link rel="stylesheet" href="assets/css/bootstrap.min.css"> 
    <link rel="stylesheet" href="assets/css/font-awesome.min.css"> 
    <link rel="stylesheet" href="assets/css/ionicons.min.css"> 

    <!-- Theme --> 
    <link rel="stylesheet" href="assets/css/AdminLTE.min.css"> 
    <link rel="stylesheet" href="assets/css/skins/skin-blue.min.css"> 
    <link rel="stylesheet" href="assets/css/flag-icon.min.css"> 

</head> 

<body class="hold-transition skin-blue sidebar-mini"> 
    <!--<div class="wrapper">--> 
    <app> 
    <div class="whirly-loader" style="margin-left: 50%; margin-top:20%">Loading...</div> 
    </app> 
    <!--</div>--> 
    <!-- ./wrapper --> 

    <!-- jQuery 2.1.4 --> 
    <script src="plugins/jQuery/jQuery-2.1.4.min.js"></script> 

    <!-- Bootstrap 3.3.6 --> 
    <script src="assets/js/bootstrap.min.js"></script> 

    <!-- AdminLTE App --> 
    <script src="assets/js/app.js"></script> 

    <!-- polyfills for older browsers --> 
    <script src="vendor/core-js/client/shim.min.js"></script> 

    <!-- default --> 
    <script src="vendor/zone.js/dist/zone.min.js"></script> 
    <script src="vendor/reflect-metadata/Reflect.js"></script> 
    <script src="vendor/systemjs/dist/system.src.js"></script> 
    <script src="vendor/ng2-translate/ng2-translate.js"></script> 

    <script> 
    System.baseURL = '.'; 
    System.import('system-config.js').then(function() { 
     System.import('main'); 
    }).catch(console.error.bind(console)); 
    </script> 
</body> 

</html>

источник

2016-07-08 ganjan

Вы добавили systemJS в тег скрипта? – Dinistro

@ Dinistro, это не в индексном файле с тегом скрипта, не так ли? добавил мой index.html, чтобы вы могли видеть. – ganjan

Найдено проблема:

Оно должно быть:

<script src="vendor/ng2-translate/bundles/ng2-translate.js"></script>

Не:

<script src="vendor/ng2-translate/ng2-translate.js"></script>

источник

2016-07-08 10:37:00 ganjan

Я думаю, что я нашел этот вопрос: Вы импортировать systemJs после вашего приложения и из-за этого, require() нет в данный момент он используется в первый раз. Чтобы это исправить, вы можете переместить свой импорт из app.js под systemjs:

<!-- default --> 
<script src="vendor/zone.js/dist/zone.min.js"></script> 
<script src="vendor/reflect-metadata/Reflect.js"></script> 
<script src="vendor/systemjs/dist/system.src.js"></script> 

<!-- AdminLTE App --> 
<script src="assets/js/app.js"></script>

Кроме того, вам нужно настроить NG2-перевод в вашем systemJs конфигурации и удалить тег сценария:

System.config({ 
    map: { 
     'ng2-translate': 'node_modules/ng2-translate' 
    }, 
});

источник

2016-07-08 08:58:10 Dinistro

Не сделал различий, к сожалению, и это файл ng2-translate.js, который дает ошибку, а не app.js – ganjan

@ganjan Вы компилируете 'CommonJS' (можно найти в файле tsconfig.json)? – Dinistro

Uncaught ReferenceError: требуют не определена (анонимная функция) @ NG2-translate.ts: 2

ответ

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