Utilisation Filesaver js avec angular2
j'ai vérifié tous les post que je peux trouver sur l'utilisation de Filesaver JS angulaire, mais je ne pouvais pas envelopper ma tête autour d'une soution.
J'ai ajouté ceci à la section de carte de mon system.config.js
'filesaver': 'node_modules/filesaver/src/Filesaver.js'
J'ai ajouté ceci à la section forfaits de l'system.config.js
'filesaver': {defaultExtension: 'js'}
J'ai ensuite importé dans mon service.ts de cette façon
import { saveAs } from 'filesaver';
Encore, j'obtiens cette erreur.
Quelqu'un peut-il aider s'il vous plaît?
OriginalL'auteur mayowa ogundele | 2016-11-24
Vous devez vous connecter pour publier un commentaire.
Essayez ce qui suit
Puis ajouter un fichier de déclarations à votre projet comme " des déclarations.d.ts' et dans le mettre
Dans votre systemjs.config.js, ajoutez la ligne suivante à la section de carte
Et ensuite importer la bibliothèque de votre composante ou service comme ci-dessous
Espère que cela aide.
À partir d'un fichier d'économie de la page github, il nous a dit un moyen d'installer tapuscrit définition
npm install @types/file-saver --save-dev
. Dois-je encore besoin d'ajouter des fichiers de déclarations que vous avez mentionné ci-dessus? Dans mon dossier racine du projet, j'ai un dossier app et d'autres fichiers comme des systemjs.config.js les fichiers. Si nécessaire, où dois-je l'ajouter? À l'intérieur de l'app dossier ou sous dossier racine du projet?Je n'étais pas en mesure de l'obtenir pour fonctionner avec le tapuscrit définition qui est pourquoi je suis allé le parcours du fichier de déclarations. J'ai continué à obtenir "TypeError: file_saver_1.saveAs n'est pas une fonction". Vous pouvez placer les déclarations de fichier dans le dossier racine du projet.
Salut @dipôle - j'ai eu le même message d'erreur lors de l'utilisation de la machine définition. Ensuite, j'ai suivi exactement ce que vous avez fait, et vous avez une erreur: saveAs n'est pas une fonction. Mais finalement, j'ai trouvé il y a un moyen facile de de téléchargement fichier sans l'aide de filesaver.js, au lieu de cela, nous pouvons faire de requête http et puis la fenêtre d'appel.open() pour télécharger l'image.
Même chose ici. J'ai travaillé autour de lui en déclarant: déclarer var saveAs:tout; Dans mon composant, et les références au fichier-saver fichier js directement dans mon fichier html.
OriginalL'auteur dipole
Angulaire-cli avec http (suivi par httpClient):
Ajouter cette troisième partie lib .angulaire de la cli.json
Dans le blabla de service:
Enfin int le composant:
httpClient
C'est la même chose comme http, mais le service méthode est différente:
OriginalL'auteur makkasi
Je suis en utilisant angulaire 6 (pas de systemjs.config.js fichier disponible dans mon projet) + FileSaver. J'avais besoin de télécharger le PDF à partir du serveur. Voici ce qui a fonctionné:
paquet.json:
code:
OriginalL'auteur Nitin Jadhav