L'utilisation de require ('angulaire') dans un noeud donne une fenêtre non définie

Donc je suis complètement nouveau nœud, mais j'ai compris comment installer node_modules. Ce que j'essaie de savoir comment inclure Angulaire " dans mon code.

Un nouveau express 4 spin up que j'ai fait:

npm install --save angular

Puis je suis allé dans routes/index.js et ajouté le require('angular'):

var express = require('express');
var router = express.Router();
require('angular');

/* GET home page. */
router.get('/', function(req, res, next) {
  res.render('index', { title: 'Express' });
});

module.exports = router;

Mais quand je fais le nœud de démarrage, j'obtiens une erreur qui dit:

ReferenceError: window is not defined
    at Object.<anonymous> (/Users/al/Projects/node/podcastsearch/podcast/node_modules/angular/angular.js:26307:4)
    at Module._compile (module.js:460:26)
    at Object.Module._extensions..js (module.js:478:10)
    at Module.load (module.js:355:32)
    at Function.Module._load (module.js:310:12)
    at Module.require (module.js:365:17)
    at require (module.js:384:17)
    at Object.<anonymous> (/Users/al/Projects/node/podcastsearch/podcast/node_modules/angular/index.js:1:63)
    at Module._compile (module.js:460:26)
    at Object.Module._extensions..js (module.js:478:10)

Quelle est la bonne façon d'inclure angulaire?

source d'informationauteur allencoded

  1. 9

    Angulaire est client diapositive bibliothèque de scripts. Node JS exiger des charges nœud modules et Angulaire n'est pas un Nœud du module.

    Dans votre page HTML, vous devriez faire quelque chose comme ceci:

    <html>
  <head>
    <title>My Angular App!</title>
    <script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.3.10/angular.min.js"></script>
    <script src="app.js"></script>
  </head>
  <body ng-app="flapperNews" ng-controller="MainCtrl">
    <div>
      {{test}}
    </div>
  </body>
</html>

    Mise à jour:
    Basé sur les commentaires. Angulaire du module https://www.npmjs.com/package/angular

    Extrait angular js fichiers pour vous et l'enregistre dans le nœud de modules de dossiers. Angulaire reste encore un client à côté de la bibliothèque et que vous devez ajouter une balise script dans votre code HTML à utiliser angulaire. Vous ne devriez pas avoir besoin de noeud code. Veuillez consulter les exemples donnés dans ce lien.

    D'autre que vous pouvez penser à l'aide d'exiger js, tête js, browserify etc. sur côté client

  2. 1

    Mise à jour pour @AnujYadav's réponse à l'aide de webpack version 3.4.1:

    Installer angulaire:

    npm install angular --save-dev

    Config (dans webpack.config.js fichier):

    module.exports = {
    entry: {
        angular: path.resolve(__dirname, './node_modules/angular/angular')
    },
    output: {
        ...
    },
    module: {
        ...
    }
};

    Dans la page html:

    <script src="/{your_path}/angular.js"></script>
<script>
    //you can use 'angular' now    
</script>