Angular 2: ошибка при запуске теста ng

Когда я запускаю ng test, он показывает следующую ошибку:

Jquery plugins need to be before this file at localhost:9876/_karma_webpack_/main.bundle.js

Не могли бы вы помочь мне решить эту проблему? Вот мой файл index.html

<!doctype html>
<html lang = "ja">
<head>
<base href = "/">
<meta charset = "utf-8">
<meta content = "width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name = "viewport">
<title>test</title>
<link rel = "icon" type = "image/x-icon" href = "favicon.ico">
<link href = "assets/admin_bsb_material_design/css/font.googleapis.com.css" rel = "stylesheet" type = "text/css">
<link href = "assets/admin_bsb_material_design/css/font2.googleapis.com.css" rel = "stylesheet" type = "text/css">
<link href = "assets/admin_bsb_material_design/plugins/bootstrap/css/bootstrap.min.css" rel = "stylesheet">
<link href = "assets/admin_bsb_material_design/plugins/node-waves/waves.min.css" rel = "stylesheet" />
<link href = "assets/admin_bsb_material_design/plugins/animate-css/animate.min.css" rel = "stylesheet">
<link href = "assets/admin_bsb_material_design/css/style.css" rel = "stylesheet">
<link href = "assets/admin_bsb_material_design/css/all-themes.css" rel = "stylesheet" />
<link rel = "stylesheet" type = "text/css" href = "assets/print.css" media = "print" />
</head>
<body>
<app-root>
<!-- Page Loader -->
<div class = "page-loader-wrapper">
    <div class = "loader">
        <div class = "preloader">
            <div class = "spinner-layer pl-red">
                <div class = "circle-clipper left">
                    <div class = "circle"></div>
                </div>
                <div class = "circle-clipper right">
                    <div class = "circle"></div>
                </div>
            </div>
        </div>
        <p>Please wait...</p>
    </div>
</div>
<!-- #END# Page Loader -->
</app-root>  
<script src = "assets/admin_bsb_material_design/plugins/jquery/jquery.min.js"></script>
<script src = "assets/admin_bsb_material_design/plugins/bootstrap/js/bootstrap.min.js"></script>
<script src = "assets/admin_bsb_material_design/plugins/node-waves/waves.min.js"></script>
<script src = "assets/admin_bsb_material_design/plugins/jquery-validation/jquery.validate.js"></script>
<script src = "assets/admin_bsb_material_design/plugins/jquery-datatable/jquery.dataTables.js"></script>
<script src = "assets/admin_bsb_material_design/plugins/jquery-datatable/skin/bootstrap/js/dataTables.bootstrap.min.js"></script>
<script src = "assets/admin_bsb_material_design/js/tables/jquery-datatable.js"></script>
<script src = "assets/admin_bsb_material_design/js/admin.js"></script>
</body>
</html>

предоставьте файл index.html и свои конфигурации. Как бы то ни было, ответить на ваш вопрос невозможно.

Luca Taccagni 02.05.2018 10:29

Я добавил свой файл index.html выше.

user050987 07.05.2018 06:15
Тестирование функциональных ngrx-эффектов в Angular 16 с помощью Jest
В системе управления состояниями ngrx, совместимой с Angular 16, появились функциональные эффекты. Это здорово и делает код определенно легче для...
Angular и React для вашего проекта веб-разработки?
Angular и React для вашего проекта веб-разработки?
Когда дело доходит до веб-разработки, выбор правильного front-end фреймворка имеет решающее значение. Angular и React - два самых популярных...
Эпизод 23/17: Twitter Space о будущем Angular, Tiny Conf
Эпизод 23/17: Twitter Space о будущем Angular, Tiny Conf
Мы провели Twitter Space, обсудив несколько проблем, связанных с последними дополнениями в Angular. Также прошла Angular Tiny Conf с 25 докладами.
Угловой продивер
Угловой продивер
Оригинал этой статьи на турецком языке. ChatGPT используется только для перевода на английский язык.
Мое недавнее углубление в Angular
Мое недавнее углубление в Angular
Недавно я провел некоторое время, изучая фреймворк Angular, и я хотел поделиться своим опытом со всеми вами. Как человек, который любит глубоко...
Освоение Observables и Subjects в Rxjs:
Освоение Observables и Subjects в Rxjs:
Давайте начнем с основ и постепенно перейдем к более продвинутым концепциям в RxJS в Angular
1
2
53
2

Ответы 2

переместите эту строку <script src = "assets/admin_bsb_material_design/plugins/jquery/jquery.min.js"></script> и все остальные относительно jQuery до <app-root>

Отредактировал свой ответ

Luca Taccagni 08.05.2018 11:43

Я поместил их в karma.config.js, он работает нормально. файлы: [ {шаблон: './ src / assets / admin_bsb_material_design / plugins / jquery /jquery.min.js',watched: false} . . . {шаблон: './src/test.ts', просмотрено: false} ],

Другие вопросы по теме