Comment ajouter un fichier js externe dans la bibliothèque angular 6

Question

Je suis en train de créer une bibliothèque angulaire (version 6) qui est basée sur angular material pour laquelle je dois inclure la bibliothèque hammer js.

Je sais que dans angular 6, on peut ajouter la bibliothèque js externe dans la section angular.json sous la configuration du projet. Mais cela ne fonctionne pas dans le cas de la bibliothèque ci-dessus. J'ai essayé d'ajouter la bibliothèque externe de la manière suivante.

"my-library": {
  "root": "projects/my-library",
  "sourceRoot": "projects/my-library/src",
  "projectType": "library",
  "architect": {
    "build": {
      "builder": "@angular-devkit/build-ng-packagr:build",
      "options": {
        "tsConfig": "projects/my-library/tsconfig.lib.json",
        "project": "projects/my-library/ng-package.json",
        "scripts": [
          "../node_modules/hammerjs/hammer.min.js"
        ]
      }
    }
}

Mais j'obtiens cette erreur.

La validation du schéma a échoué avec les erreurs suivantes : Le chemin de données "" ne doit PAS avoir de propriétés (scripts) supplémentaires.

Veuillez suggérer la manière correcte d'ajouter un fichier js externe dans la bibliothèque angulaire.

Answer 1

Vous pouvez ajouter votre bibliothèque externe dans le tsconfig.lib.jso n fichier.

Ouvrez ce fichier et ajoutez votre bibliothèque de désirs sous types que vous pouvez trouver dans compilateurOptios . Je vous donne un exemple. Dans mon cas, j'ai référencé la bibliothèque à partir du module node de mon projet. Vous pouvez faire de même avec votre bibliothèque hammer.js. Bonne chance

Answer 2

En ce qui concerne l'exemple spécifique de l'OP qui essaie d'ajouter hammer.js. Il suffit de npm installer hammerjs puis d'éditer votre fichier main.ts et d'ajouter import 'hammerjs' puis il sera disponible dans le monde entier.

Voir aussi ce article.

Answer 3

Vous devriez essayer la commande ci-dessous si vous avez utilisé angular version 1.x auparavant. Et cela fonctionne pour moi.

ng update @angular/cli --migrate-only --from=1.7.4

Answer 4

Ajoutez d'abord la librairie dans index.html ou dans

"scripts": [
"node_modules/hammerjs/hammer.min.js"
]

npm install d3 --save

npm install @types/d3 --save-dev

Si la bibliothèque n'a pas de typages disponibles dans @types/, vous pouvez toujours l'utiliser en ajoutant manuellement des typages pour elle :

1. Tout d'abord, créez un typings.d.ts dans votre src/ dossier. Ce fichier sera automatiquement inclus dans la définition du type global.

2. Ensuite, en src/typings.d.ts ajoutez le code suivant :

   declare module 'typeless-package';

3. Enfin, dans le composant ou le fichier qui utilise la bibliothèque, ajoutez le code suivant :

   import * as typelessPackage from 'typeless-package';
   
   typelessPackage.method();

veuillez suivre le lien

Answer 5

Supprimer ../ avant le chemin de node_modules

"scripts": [
    "node_modules/hammerjs/hammer.min.js"
]