(SystemJS) Unexpected token <

[ujjalsuttradhar]

1. Added this module to app from npm
2. Added facebook sdk in index.html

<script src="https://connect.facebook.net/en_US/sdk.js"></script>
    
    <!-- Custom -->
    <script type="text/javascript" src="lib/custom.js"></script>

    <!-- 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 src="systemjs.config.js"></script>
    <script>
      System.import('app').catch(function(err){ console.error(err); });
    </script>
  </head>

component.ts

import { FacebookService } from 'ng2-facebook-sdk';


@Component({
  moduleId: module.id,
  selector: 'login',
  templateUrl: `login.component.html`,
  providers: [FacebookService]
})

export class LoginComponent {

 constructor(public fs: FacebookService) {
       
  }
}

Whenever I use FacebookService (provideres, constructor), I am getting unexpected token error. Can you help me?

[ujjalsuttradhar]

FYI, Just have downloaded ng2-facebook-sdk.ts and imported FacebookService directly from this which worked properly. Seems your npm package need to be updated.

[ihadeed]

Did you modify your systemjs configuration to load the files properly?

The error you're getting is most likely caused by a 404 error. SystemJS isn't able to find the NPM package.

[ujjalsuttradhar]

Which file needed to modify related to systemjs?

[ihadeed]

See #25 (comment)

[ujjalsuttradhar]

Thanks. Problem is solved. For future reference, following changes solved my problem.

map: {
      // our app is within the app folder
      app: 'app',
.
.
.,
      'ng2-facebook-sdk': 'npm:ng2-facebook-sdk'
    },
   
 packages: {
      app: {
        main: './main.js',
        defaultExtension: 'js'
      },
      rxjs: {
        defaultExtension: 'js'
      },
      'ng2-facebook-sdk': {
        defaultExtension: 'js',
        main: './dist/index.js'
      }
    }