Giters

DanWahlin / Angular-JumpStart

Angular and TypeScript JumpStart example application

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

External javascript not working

opened this issue · comments

commented

my css files are working fine but js files are not working!! here is my index.html file i loaded this way. i am a new with angular2

<!--
   Angular 2 JumpStart
   Dan Wahlin

   @DanWahlin
   http://weblogs.asp.net/dwahlin
   http://github.com/danwahlin
-->
<!DOCTYPE html>
<html>
<head>
    <base href="/">
    <link rel="icon" type="image/png" href="assets/admin/assets/img/favicon-16x16.png" sizes="16x16">
    <link rel="icon" type="image/png" href="assets/admin/assets/img/favicon-32x32.png" sizes="32x32">

    <!--Title-->
    <title>Resurgent</title>

    <!-- uikit -->
    <link rel="stylesheet" href="admin/uikit/css/uikit.almost-flat.min.css" media="all">
    <!--Login page-->
    <link rel="stylesheet" href="admin/css/login_page.min.css" />
    <!-- flag icons -->
    <link rel="stylesheet" href="admin/icons/flags/flags.min.css" media="all">
    <!-- style switcher -->
    <link rel="stylesheet" href="admin/css/style_switcher.min.css" media="all">
    <!-- altair admin -->
    <link rel="stylesheet" href="admin/css/main.min.css" media="all">
    <!-- themes -->
    <link rel="stylesheet" href="admin/css/themes/themes_combined.min.css" media="all">
    <!-- matchMedia polyfill for testing media queries in JS -->
    <!--[if lte IE 9]>
    <script type="text/javascript" src="admin/matchMedia/matchMedia.js"></script>
    <script type="text/javascript" src="admin/matchMedia/matchMedia.addListener.js"></script>
    <link rel="stylesheet" href="admin/css/ie.css" media="all">
    <![endif]-->

    <!-- 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/reflect-metadata/Reflect.js"></script>
    <script src="../node_modules/systemjs/dist/system.src.js"></script>

    <script>
        WebFontConfig = {
            google: {
                families: [
                    'Source+Code+Pro:400,700:latin',
                    'Roboto:400,300,500,700,400italic:latin'
                ]
            }
        };
        (function() {
            var wf = document.createElement('script');
            wf.src = ('https:' == document.location.protocol ? 'https' : 'http') +
                    '://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js';
            wf.type = 'text/javascript';
            wf.async = 'true';
            var s = document.getElementsByTagName('script')[0];
            s.parentNode.insertBefore(wf, s);
        })();
    </script>

    <!-- common functions -->
    <script src="admin/js/common.min.js"></script>
    <!-- altair login page functions -->
    <script src="admin/js/pages/login.min.js"></script>
    <!-- uikit functions -->
    <script src="admin/js/uikit_custom.min.js"></script>
    <!-- altair common functions/helpers -->
    <script src="admin/js/altair_admin_common.min.js"></script>

    <!-- remove for bundle usage -->
    <script src="systemjs.config.js"></script>
    <script>
        System.import('app').catch(function(err){ console.error(err); });
    </script>
    <!-- remove for bundle usage -->
</head>
<body>


<app-container>
    Loading...
</app-container>



</body>
</html>

-
commented

It's hard to say with only that code. I don't see anything that stands out in the CSS tags but without seeing the entire picture it's impossible to say.

You'll want to post any custom questions like this to a site like http://stackoverflow.com. The "Issues" section of this repository is for issues related directly to the source code. Thanks.