Storybook: Support angulaire 2

Créé le 22 juin 2016  ·  76Commentaires  ·  Source: storybookjs/storybook

Je me rends compte que le support Angular 2 faisait partie de la feuille de route, et j'en suis plutôt content.
Je voulais partager ma tentative connexe d'adapter le repo à cette fin, et je n'ai pas encore trouvé de fil de discussion pertinent ici, alors j'ai pensé que je pourrais aussi bien en faire un.
Je n'avais pas encore réussi à mettre en place un PoC, mais peut-être que les bits angulaires de mon premier commit ici peuvent aider à fournir une certaine inspiration. Je me rends compte qu'il s'agit également d'une version obsolète de ce dépôt, mais je suppose que les concepts devraient toujours s'appliquer.

angular feature request help wanted

Commentaire le plus utile

Tous les 76 commentaires

Nous avons transformé notre interface utilisateur principale en une application distincte. Nous prévoyons de l'utiliser directement pour NG2. Voir: https://github.com/kadirahq/storybook-ui

Cool. Dans l'attente! :)

Hé, @arunoda , alors quelle sera l'approche pour celui-ci?
Voulons-nous créer une interface utilisateur de livre de contes spécifique à ng2? Je suis simplement curieux d'obtenir une description de haut niveau de ce que vous voulez réaliser et de voir si je peux vous aider

Les API Angular 2 sont devenues stables avec la sortie de RC5. Il n'y aura pas de changements de rupture maintenant. C'est donc le bon moment pour commencer à le développer. cc: @arunoda @mnmtanish

@arunoda : J'ai tendance à penser que c'est bas sur la feuille de route, mais donc dans le cas angulaire, dans cette division, l'idée serait pour un ng2-storybook théorique de laisser la réaction de storybook-ui interface incorporer des composants angulaires alors? Cela a-t-il été fait?

@ tycho01 Vous avez raison. C'est un peu notre priorité.
J'espère que nous pourrons commencer avec storybook-ui comme base. Ainsi, la plupart des addons pourraient l'utiliser.
Je cherche de l'aide pour que quelqu'un commence à travailler dessus. Si oui, envoyez-moi un ping sur notre Slack. Parlons plus.

@ tycho01, @arunoda vous les gars me faire savoir si vous commencez à travailler sur ce point .

@alterx : Les pointeurs que j'ai obtenus: storybook-react est séparé de storybook-ui (s'exécute dans une iframe); La prochaine étape consiste à expérimenter pour voir si elle pourrait être remplacée par une version angulaire. Je n'ai pas commencé depuis ma dernière tentative.

@ tycho01 , j'ai vérifié la source et ils ont un composant de réaction complètement séparé qui est fondamentalement un iframe glorifié (https://github.com/storybooks/react-storybook/blob/master/src/client/manager/preview.js). Nous devrions pouvoir charger les histoires ng2 dans cette iframe d'aperçu.

react-storybook étend fondamentalement le Provider fourni par storybook-ui , rend le Preview susmentionné et gère l'API de l'histoire. Ensuite, une nouvelle instance de ce fournisseur est transmise au renderStorybookUI

import renderStorybookUI from '@kadira/storybook-ui';
import Provider from './provider';

const rootEl = document.getElementById('root');
renderStorybookUI(rootEl, new Provider());

Après cela, storybook-ui est en contrôle, il construit le contexte (qui inclut le fournisseur) et crée l'application (en utilisant createApp mantra-core). Le fournisseur (ainsi que les autres accessoires de contexte) sont ensuite injectés dans le module ui (https://github.com/storybooks/storybook-ui/blob/master/src/modules/ui/routes.js ) qui construit l'aperçu en utilisant la méthode renderPreview définie lors de sa création dans react-storybook

@arunoda , faites-moi savoir si quelque chose me manque

@amcdnl , cela semble prometteur. Pourriez-vous me donner un bref aperçu de son fonctionnement? (rien d'extraordinaire, juste une vue d'ensemble)

@amcdnl : merci pour le lien, je vais le vérifier.
Edit: auriez-vous peut-être une démo avec? J'ai du mal à trouver quoi que ce soit de prêt à fonctionner.

@ MikeRyan52 ^^

@alterx Ouais . Vous avez raison à 100%.
Nous devons également exposer une API similaire à React Storybook pour créer des histoires.

Importé possible depuis angular-storybook ou similaire.

@arunoda Avez-vous une URL pour le livre de contes angulaire que vous avez mentionné, Google se tarit.

@bcowgill afaik cela n'existe pas encore, à part @amcdnl mentionné ci-dessus

Il y a aussi ceci maintenant - http://www.angularplayground.it/

Donc Storybook for Vue sortira bientôt 🎉

Cela ajoute un très bon exemple de la façon dont une version pour NG2 pourrait être réalisée.
Y a-t-il des âmes courageuses qui regardent ce fil qui seraient prêtes à travailler ensemble et à y arriver?

Je pourrais jeter un œil, avez-vous une URL de dépôt sous la main,

Vous le regardez 😄

Storybook est un monorepo, nous avons des packages ici, publiés séparément sur npm.

Actuellement, l'application vue n'est pas encore en master, voici donc 3 liens pour commencer:
https://github.com/storybooks/storybook/tree/release/3.2/app/vue
https://github.com/storybooks/storybook/blob/release/3.2/app/vue/src/client/preview/render.js
https://github.com/storybooks/storybook/blob/release/3.2/app/vue/src/server/config/webpack.config.js#L40

Le render.js est l'endroit où se trouve la plupart du code spécifique à Vue et sur la partie serveur, il y a une configuration Webpack différente.

Il est normal de dupliquer beaucoup de code au début! Nous y reviendrons plus tard. Après avoir trouvé ce qui est vraiment commun et ce qui ne l'est pas.

Juste pour commencer, je dirais

  1. dupliquer l'intégralité de app / vue vers app / angular (nous parlons d'angular2 et plus, n'est-ce pas?)
  2. ajustez la configuration du webpack, afin qu'il charge du code des trucs angulaires et compile.
  3. tweak render.js jusqu'à ce que quelque chose apparaisse, de préférence le composant que vous attendiez
  4. Essayez quelques addons
  5. Corriger les bugs
  6. Essayez ce qui est maintenant possible
  7. Rédiger la documentation, lister les addons qui fonctionnent
  8. Projet de blog (je peux le faire, ou ajouter votre compte à notre publication médiatique)
  9. Planifier la libération
  10. Faire une version alpha
  11. Corriger les bugs
  12. Sortie réelle, publication d'un article de blog, annonce d'un tweet
  13. Correction de plus de bugs
  14. Essayez et ajoutez une prise en charge pour plus d'addons

@shilman est notre maître chef de sortie 👨‍🍳

Vous pouvez nous rejoindre sur slack pour obtenir une expérience de chat légèrement plus rapide que github 💬

https://storybooks-slackin.herokuapp.com

Parfait, @ndelangen!
Je vais jeter un œil au code et rejoindre la chaîne Slack: D

@alterx Travaillez -vous dessus maintenant? Je clone la version vue.js maintenant

@ Jordan-Hall, il y a déjà un PR avec une application de base qui fonctionne.
Veuillez vous référer au # 1474
Je vérifie actuellement les modules complémentaires pour voir quels travaux sont prêts à l'emploi. Voudriez-vous rejoindre la chaîne Slack afin que nous puissions coordonner?

@alterx Bien sûr. Quelle est la chaîne https://storybooks-slackin.herokuapp.com semble être en panne?

Whops, c'est censé être ça 🤔
Peut-être que @ndelangen peut vous aider.
Pour l'instant, mon PR couvre le travail de base (rendu d'un composant, envoi d'entrées). C'est un peu différent de ce que d'autres ont fait avec vue et react mais la façon de faire de angular ( NgModules ) nécessitait quelques changements.

Nous visons à inclure le support Angular (2+) dans le cadre de la version 3.3.

Ouais, heroku a décidé de fermer l'application, alors je viens de me déployer sur now.sh:
https://now-examples-slackin-nqnzoygycp.now.sh/

¯\_(ツ)_/¯

Je ne comprends pas pourquoi les gens n'utilisent pas seulement gitter pour ce genre de projets xD

Hey les gars voulaient juste voir si quelqu'un travaille toujours activement sur celui-ci?

Oui, j'ai besoin de trouver du temps aujourd'hui pour soumettre certaines modifications que j'ai dans mon ordinateur. Je le ferai probablement pendant le déjeuner?

Félicitations pour la fusion!
Suis-je capable de npm i -g @storybook/[email protected] et d'essayer ceci ou une configuration plus manuelle est-elle nécessaire pour jouer?

J'adorerais aider à tester cela et contribuer 👍

@shilman @alterx J'avais l'impression qu'une version alpha avait été faite avec l'application angular?
On dirait que ce n'est pas encore le cas?

Combien de temps pourrions-nous faire 1? @tomatosource est prêt à faire des tests pour nous 🙇

@shilman a mentionné qu'il aimerait le publier "dans les prochains jours" dans le canal Angular Slack, donc je suppose qu'il n'a tout simplement pas été publié :)

les mises à jour? :-)

@Hypnosphi comment installez-vous réellement cela? Type de projet non pris en charge. (code: UNDETECTED)

@aaronksaunders Avez-vous un https://github.com/storybooks/storybook/tree/release/3.3/examples/angular-cli

@alterx @tomatosource Désolé pour le retard dans la publication - il est maintenant disponible et j'aimerais votre aide pour tester!

quelle version d'angular prend-il en charge?

@Insayt @ LTiger14 @MTariqAziz @MathieuFouillet @Quramy @RemiAWE @VadimDez @aitboudad @bermanboris @cheapsteak @ christian-Bromann @diagramatics @dlcardozo @ Elad-morphisec @jbueza @johannesjo @jshthornton @ justinlee0777 @mixn @ npatta01 @qrrock @realappie @ruedap @ minuscule-danseur @ tycho01 @ priley86

Le support Angular2 + est en alpha ( 3.3.0-alpha.4 pour être précis) grâce à un effort herculéen de @alterx pour le faire fonctionner. Aidez-nous à le tester afin que nous puissions le préparer pour sa sortie!

Voici comment démarrer en une minute:

cd my-angular-project
yarn add @storybook/cli<strong i="33">@alpha</strong>
yarn getstorybook
yarn storybook
open http://localhost:6006

Voici à quoi ressemble le livre d'histoires examples/angular-cli de notre dépôt, et vous devriez voir une version allégée dans votre navigateur:

storybook

S'il vous plaît, essayez-le et faites-nous savoir ici si vous avez des problèmes. Vous pouvez également nous rejoindre sur le canal Storybook slack #angular pour obtenir de l'aide en temps réel.

Merci beaucoup pour votre aide!

@shilman exécutant yarn getstorybook renvoie l'erreur suivante:

(function (exports, require, module, __filename, __dirname) { import updateNotifier from 'update-notifier';
                                                              ^^^^^^
SyntaxError: Unexpected token import
    at createScript (vm.js:80:10)
    at Object.runInThisContext (vm.js:139:10)

changer le fichier node_modules/@storybook/cli/bin/index.js:1 résoudrait le problème:

require("babel-register")({
  ignore: /node_modules\/(?!@storybook)/
});

Bizarre, nous utilisons en fait babel-register dans cli@alpha

@aitboudad quelle version de nœud utilisez-vous?

quelle version de nœud utilisez-vous?

v8.9.0, ce n'est pas lié à la version du nœud mais il s'agit de babel qui ignore la transpilation de tous les fichiers situés dans le node_modules

@shilman le deuxième problème que j'ai est

odule build failed: Error: Typescript emitted no output for node_modules/@storybook/angular/dist/client/preview/angular/app.token.ts.

résolu en définissant transpileOnly sur true dans /node_modules/@storybook/angular/dist/server/config/webpack.config.js

{
  test: /\.ts?$/,
  use: [
    {
      loader: 'ts-loader',
      options: {
        transpileOnly: true
      }
    },
    { loader: 'angular2-template-loader' }
  ]
}

Fonctionnalité manquante:

Passer un NgModule :
À l'heure actuelle, il n'y a pas moyen de passer un NgModule personnalisé qui rend l'implémentation actuelle très limitée.

il s'agit de babel qui ignore la transpilation de tous les fichiers situés dans le node_modules

Oh je vois, va réparer. Je me demande comment ça fonctionnait avant

@aitboudad Merci beaucoup pour le débogage! @Hypnosphi a corrigé le problème de la CLI et je viens de le publier. Je vais essayer d'obtenir les correctifs angulaires bientôt!

https://github.com/storybooks/storybook/releases/tag/v3.3.0-alpha.4

@aitboudad , nous sommes conscients de cette fonctionnalité manquante et nous essayons de compenser cela. Le problème avec les NgModules personnalisés est que, avec notre implémentation actuelle, nous construisons nos modules par programme et les fournissons. J'ai quelques modifications dans mon local pour permettre le passage de fournisseurs et de schémas, mais pour le moment, nous ne pouvons pas simplement autoriser le passage de modules personnalisés car un module pourrait potentiellement contenir plusieurs composants.

Quel est votre cas d'utilisation exact? Peut-être que nous pouvons trouver quelque chose.

De plus, utiliser uniquement transpile vous laissera sans vérification de type. Nous devons examiner cela avant de procéder à ce changement.

@alterx Quel est votre cas d'utilisation exact?

Que faire si mon composant nécessite des modules externes tels que du matériel ou autre pour fonctionner, comment pouvons-nous le gérer avec l'approche actuelle?

Dans ce cas, cela devrait suffire avec les fournisseurs, les importations et les schémas (au cas où vous auriez besoin, idk, éléments personnalisés). Le problème avec l'accès à un module personnalisé est que nous ne pouvons pas contrôler la quantité de composants qu'un utilisateur peut soumettre et cela pourrait potentiellement casser. Storybook consiste à développer et tester des composants en tant qu'unités isolées. Cela fonctionne un peu différemment dans React et Vue, mais pour angular, nous devons faire certaines hypothèses et limiter la portée.

Je travaille sur quelque chose qui devrait vous permettre de passer des fournisseurs et des schémas, avec des importations et des déclarations, c'est un peu plus complexe. Ce genre de feedback est parfait, nous voulions sortir quelque chose qui pourrait être testé et voir ce dont les gens avaient besoin.

@aitboudad J'ai essayé de reproduire votre problème avec une application @angular/cli fraîchement créée et getstorybook mais tout fonctionne comme prévu. Pouvez-vous fournir plus de détails sur votre configuration? Version angulaire? Version TypeScript?
Je ne pourrai pas le tester tout de suite, mais.
screen shot 2017-11-22 at 10 27 33 am

@alterx vient de réessayer et cela semble fonctionner

Oh, parfait!
Et rassurez-vous, nous prévoyons de prendre en charge un moyen de fournir des importations, des fournisseurs, etc. au module que nous créons. Nous avons juste besoin de le comprendre :)

J'ai juste essayé d'exécuter storybook / examples / angular-cli avec les versions de package suivantes:

  "dependencies": {
    "@angular/animations": "4.3.5",
    "@angular/common": "4.3.5",
    "@angular/compiler": "4.3.5",
    "@angular/core": "4.3.5",
    "@angular/forms": "4.3.5",
    "@angular/http": "4.3.5",
    "@angular/platform-browser": "4.3.5",
    "@angular/platform-browser-dynamic": "4.3.5",
    "@angular/router": "4.3.5",
    "core-js": "2.4.1",
    "rxjs": "5.4.3",
    "zone.js": "0.8.14"
  },
  "devDependencies": {
    "@angular/cli": "1.3.2",
    "@angular/compiler-cli": "4.3.5",
    "@angular/language-service": "4.3.5",
    "@storybook/addon-actions": "3.3.0-alpha.4",
    "@storybook/addon-links": "3.3.0-alpha.4",
    "@storybook/addon-notes": "3.3.0-alpha.4",
    "@storybook/addon-knobs": "3.3.0-alpha.4",
    "@storybook/addons": "3.3.0-alpha.4",
    "@storybook/angular": "3.3.0-alpha.4",
    "@types/jasmine": "2.5.53",
    "@types/node": "6.0.87",
    "codelyzer": "3.1.2",
    "jasmine-core": "2.5.2",
    "jasmine-spec-reporter": "3.2.0",
    "karma": "1.4.1",
    "karma-chrome-launcher": "2.0.0",
    "karma-cli": "1.0.1",
    "karma-coverage-istanbul-reporter": "0.2.3",
    "karma-jasmine": "1.1.0",
    "karma-jasmine-html-reporter": "0.2.2",
    "karma-trx-reporter": "0.2.9",
    "protractor": "5.2.0",
    "ts-node": "3.2.0",
    "tslint": "5.6.0",
    "typescript": "2.4.0"
  }

Il se bloque dans la console du navigateur après avoir accédé aux composants _Addon Knobs_ avec l'erreur en essayant d'obtenir component.__annotations__[0] :

helpers.js:32 Uncaught TypeError: Cannot read property '0' of undefined
    at getComponentMetadata (helpers.js:32)
    at prepareComponent (helpers.js:140)
    at index.js:33
    at withKnobs (index.js:48)
    at client_api.js:109
    at initModule (helpers.ts:87)
    at helpers.ts:167
    at later (helpers.ts:27)
    at ZoneDelegate.invokeTask (zone.js:424)
    at Zone.runTask (zone.js:191)

@ToniaDemchuk Merci beaucoup de l'avoir testé. Comment l'avez-vous configuré sur votre machine? Pouvez-vous partager un repro? Merci beaucoup!

Hé les gars, super excité de voir à quel point c'était facile à ajouter. Peu de problèmes.

J'ai également dû ajouter "@storybook/addon-notes": "3.3.0-alpha.4", à package.json.

Y a-t-il un moyen pour qu'il respecte mes chemins dactylographiés locaux? Ils sont définis dans tsconfig.
dépôt: https://github.com/scttcper/ngx-color
Je reçois Cannot find module 'ngx-color/helpers'. parce qu'il ne les récupère pas.

@shilman L'exemple que vous pouvez trouver ici https://github.com/ToniaDemchuk/storybook/tree/angular-4.3.5-sample
Commandes de configuration:

npm i
npm i -g @storybook/cli
npm run storybook

Ouvrez localhost:9009 dans le navigateur et accédez à _Addon Knobs> Simple_ dans le menu

Cela a fonctionné:
image

Cela n'a pas:
image

Erreur dans la console:
image

@neo , j'ai essayé de reproduire, mais pour moi, tout fonctionne bien. Pouvez-vous partager plus de contexte? Peut-être avez-vous un repo?

@shilman , @alterx , En ce qui concerne le problème avec angular v4.3.5 ( @ToniaDemchuk ), j'ai étudié le problème (je ne connais pas beaucoup angular, donc ...) Dans l'addon des boutons, il y a du code qui repose sur fait qu'un objet composant a un tableau annotations dessus. Ce tableau est défini par le package angular/core dans la nouvelle version. Mais dans la version précédente (dans ce cas v4.3.5), ils utilisaient un package reflect-metadata (voici le diff où il a été supprimé). Je ne sais pas vraiment quoi en faire.

Oui, ce changement a certainement un impact sur la façon dont nous obtenons les métadonnées. Volonté
examinez-le une fois que j'ai du temps libre. Probablement au cours de la prochaine
la semaine

Le samedi 9 décembre 2017, 11 h 41, Igor [email protected] a écrit:

@shilman https://github.com/shilman , @alterx
https://github.com/alterx , concernant le problème avec angular v4.3.5 (
@ToniaDemchuk https://github.com/toniademchuk ), j'ai fait des recherches sur le
problème (je ne connais pas grand chose angulaire, donc ...) dans l'addon des potards,
il y a du code qui repose sur le fait qu'un objet composant a un
tableau d'annotations dessus. Ce tableau est défini par le package angular / core dans le
nouvelle version. Mais dans la version précédente (dans ce cas v4.3.5), ils utilisaient un
Reflect-metadata package (voici le diff
https://github.com/angular/angular/commit/cac130eff9b9cb608f2308ae40c42c9cd1850c4d#diff-635fe23be5795132e3385c8f4899dc3aR58
où il a été supprimé). Je ne sais pas vraiment quoi en faire.

-
Vous recevez cela parce que vous avez été mentionné.
Répondez directement à cet e-mail, affichez-le sur GitHub
https://github.com/storybooks/storybook/issues/269#issuecomment-350492916 ,
ou couper le fil
https://github.com/notifications/unsubscribe-auth/ABhRmCjzdKQq2NNVYU7UTc-NVmvd8a9Tks5s-sZEgaJpZM4I70nl
.

@aitboudad , voici le PR pour prendre en charge les métadonnées de module personnalisées.
Jusqu'à présent, j'ai ajouté des exemples pour les tuyaux et les services. J'ai besoin de tester des directives, des schémas, etc., mais ils devraient également fonctionner.

Laissez-moi savoir ce que vous pensez

@ToniaDemchuk ,

Je viens de publier 3.3.0-alpha.6 contenant un tas de changements angulaires de @alterx @ igor-dv @ralzinov

https://github.com/storybooks/storybook/releases/tag/v3.3.0-alpha.6

Les changements angulaires pertinents incluent:

  • Ajout d'une annotation de type aux helpers, ajout de fichiers de déclaration ts pour angu… # 2459
  • Ajout de métadonnées supplémentaires au module / composants # 2526
  • Correction du remplacement de la sortie de l'hélice du composant ng # 2456
  • [WIP] Les versions angulaires prennent en charge # 2467
  • Prise en charge des tuyaux personnalisés Angular Add # 2518

Veuillez essayer de mettre à niveau vers cette version dans vos projets et faites-nous savoir si vous rencontrez des problèmes. J'espère que ce sera la dernière version RC, et que nous pourrons faire une version 3.3 appropriée d'ici demain!

@alterx c'est exactement ce que je recherche, merci!

ce serait bien si nous pouvions fournir le contenu du modèle au lieu du composant:

storiesOf('Welcome', module).add('to Storybook', () => ({
  moduleMetadata: { imports: [FormModule] },
  template: '<dynamic-forms [form]="form"></dynamic-forms>',
  props: {
    form: [{ key: name }]
  },
}));

@shilman pour 3.3.0-alpha.6 me semble bien, le seul problème que j'ai remarqué est que les addons ne sont pas inclus dans le paquet comme @storybook/angular , résolu par

yarn add @storybook/addon-actions<strong i="14">@alpha</strong> @storybook/addon-links<strong i="15">@alpha</strong> @storybook/addon-notes<strong i="16">@alpha</strong>

@ igor-dv, merci pour la réponse. Maintenant ça marche bien.

@shilman , Certains changements ont cassé l'exemple angular-cli, maintenant NameComponent et ServiceComponent ne sont pas compilés en raison de typages:

ERROR in ./src/stories/index.ts
(200,19): error TS2345: Argument of type '() => { component: typeof NameComponent; props: { field: string; }; moduleMetadata: { imports: an...' is not assignable to parameter of type 'IGetStory'.
  Type '{ component: typeof NameComponent; props: { field: string; }; moduleMetadata: { imports: any[]; s...' is not assignable to type '{ props?: { [p: string]: any; }; moduleMetadata?: { [p: string]: NgModuleMetadata; }; component: ...'.
    Types of property 'moduleMetadata' are incompatible.
      Type '{ imports: any[]; schemas: any[]; declarations: (typeof CustomPipePipe)[]; providers: any[]; }' is not assignable to type '{ [p: string]: NgModuleMetadata; }'.
        Property 'imports' is incompatible with index signature.
          Type 'any[]' is not assignable to type 'NgModuleMetadata'.

Je suppose que le moduleMetadata?: { [p: string]: NgModuleMetadata; } dans le IGetStory devrait être comme moduleMetadata?: NgModuleMetadata . Après avoir converti les métadonnées du module dans les exemples en any tout fonctionne comme prévu.

J'ai également rencontré des problèmes avec les chargeurs scss pour angular, similaires au problème @neo décrit ci-dessus.
J'ai résolu le problème avec la règle de configuration Webpack suivante:

    storybookBaseConfig.module.rules.push({
      test: /\.scss$/,
      loaders: ["to-string-loader", "css-loader", "sass-loader"],
      include: path.resolve(__dirname, '../')
    });

Il semble que l'angulaire ne fonctionne pas avec style-loader et vous devez utiliser to-string-loader place.
Ce serait bien de fournir de la documentation et (ou) des exemples sur l'utilisation des composants avec les feuilles de style scss.

@ToniaDemchuk Oui, vous avez raison avec moduleMetadata?: { [p: string]: NgModuleMetadata; } . En fait, j'ai déjà corrigé cela ici avec moduleMetadata?: Partial<NgModuleMetadata>;

J'ai publié la modification de 3.3.0-rc.0 qui se trouve sous la balise NPM rc au lieu de alpha .

@ToniaDemchuk , essayez-le et faites-nous savoir si cela résout le problème pour vous.

Merci à tous pour votre patience et votre travail acharné pour nous aider à en sortir!

Il y a toujours l'erreur avec le chargeur scss et le livre d'histoire angulaire v3.3.3 avec les modifications @ralzinov :

node_modules / @ storybook /: grep -r "moduleMetadata?: Partiel"
angular/index.d.ts: moduleMetadata?: Partial<NgModuleMetadata>;

npm run storybook
https://gist.github.com/karlos1337/18e4538b37128818ec3e4b507b3b3a3c

Merci.

@ karlos1337 , jetez un œil à ce numéro - # 2616.

Sorti en 3.3! 🎉

Pour clôturer ce problème, et si vous rencontrez des problèmes avec le livre d'histoires angulaire, veuillez déposer un problème distinct. Merci!

Cette page vous a été utile?
0 / 5 - 0 notes