I am unable to run an Angular app on xammp

Question

I am just starting to learn Angular. I have setup the project on a xammp server in windows. Here is my project structure:

C:\xampp\htdocs\loginAngular

Inside the loginAngular folder are:

1)app
2)node_modules
3)typings
4)index.html

My index file looks like:

<html>
  <head>
    <base href="/">
    <!-- 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/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/router.dev.js"></script>

    <script src="https://code.jquery.com/jquery-2.2.1.min.js" ></script>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.97.5/css/materialize.min.css">
    <script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.97.5/js/materialize.min.js"></script>

    <link rel="stylesheet" href="style.css"></link>

    <!-- 2. Configure SystemJS -->
    <script>
      System.config({
        packages: {        
          app: {
            format: 'register',
            defaultExtension: 'js'
          }
        }
      });
      System.import('app/main')
            .then(null, console.error.bind(console));
    </script>

  </head>

  <!-- 3. Display the application -->
  <body>
    <my-app>Loading...</my-app>
  </body>
</html>

I get this error in my console:

"NetworkError: 404 Not Found - http://localhost/app/main.js"

Answer 1

将<base href="/">更改为<base href="./">以使您的路径相对于http://localhost/loginAngular而不是http://localhost

Answer 2

将<base href="/">更改为

<script>document.write('<base href="' + document.location + '" />');</script>

I am unable to run an Angular app on xammp

Question

2 answers

solution1
0 2016-04-12 07:48:47

solution2
0 2016-04-12 07:51:15

I am unable to run an Angular app on xammp

Question

2 answers

solution1 0 2016-04-12 07:48:47

solution2 0 2016-04-12 07:51:15

solution1
0 2016-04-12 07:48:47

solution2
0 2016-04-12 07:51:15