typescript - שגיאת קומפילציה ב-Yarn workspaces + Storybook
אני עובד עם סביבת עבודה של Yarn עם המבנה הבא:
"workspaces": [ "app/*", "packages/*", "utilities/*" ],אני כותב פונקציית שירות מסוימת ב-Typescript, ואז מייבא אותה באחד הקבצים ב-app/test/index.tsx
import React from 'react'; import { קרא עוד →reactjs - לקרוא Hooks של React בדקורטור גלובלי עבור Storybook
אני רוצה לקרוא hook מותאם אישית של React עבור כל הסיפורים, עם זאת, אני לא בטוח איפה להצהיר. ה-hooks המותאמים אישית שאני רוצה לקרוא חייבים להיות במספק הקונטקסט.
האם יש דרכים להצהיר על ספק הקשר ו-Hooks מותאמים אישית לכל הסיפורים?
import React from 'react'; import { useCustomHooks } from './cust קרא עוד →javascript - Storybook inlineStories עובדים אבל שובר את האינטראקציות של ה-props
יש לי רכיב גלריית מדיה שקופצת ואני צריך להשתמש בו בצורה מקוונת, כדי לתעד אותו ב-Storybook. כשאני מוסיף את הקוד שלמטה ב-'.storybook/preview.js'
export const parameters = { docs: { inlineStories: false, } }זה עובד כפי שציפיתי, אבל כאשר אני מגדיר inlineStories: false, אין בעיה לשנות את המאפיינים על Canvas, אבל ב-Docs, השינוי לא נכנס לתוקף.
כדי להימנע מהשגיאה הזו ניסיתי להוסיף inlineStories: false רק לרכיב הפופאפ, אבל כשאני עושה את זה, מצב INLINE גם מ
קרא עוד →reactjs - Storybook Typescript לא טוען את סוג הפרופס שהוספו לאחרונה, צריך להפעיל מחדש את Storybook
module.exports = { stories: ["../**/*.stories.mdx", "../stories/**/*.stories.@(js|jsx|ts|tsx)"], addons: [ "@storybook/addon-links", "@storybook/addon-essentials", "@storybook/addon-interactions", "@storybook/preset-create-react-app", "@storybook/addon-a11y" ], typescript: { reactDocgen: "react-docgen-typescript", reactDocgenTypescriptOptions: { shouldExtractLitera
קרא עוד →TypeScript - שימוש בסוגים עם Storybook ו-Sveltekit
אני מנסה להשתמש ב-Storybook יחד עם TypeScript ו-SvelteKit, למרות שזה יצר לי כמה בעיות שאני לא מצליח למצוא להן פתרון.
import Modal from './Modal.svelte' export default { title: 'Modal', component: Modal, } const Template = (args: any) => ({ component: Modal, props: args, }) export const Primary = Template.bind({}) Primary.args = { text: 'Hello World', }הקוד שלמעלה נותן לי את השגיאה הבאה בשורה Primary.args={ :
Property 'a קרא עוד →reactjs - storybook + jest שיטת play נכשלת כאשר קוראים ל-shouldHaveBeenCalled על פונקציה
יש לי את הרכיב הזה:
import { FC, ReactElement, useState, MouseEvent as ReactMouseEvent, ChangeEvent as ReactChangeEvent, } from 'react'; import { Stack, TablePagination } from '@mui/material'; export const Pagination: FC<IPaginationProps> = ({ total, page = 1, rowsPerPage = 25, position = 'start', rowsPerPageOptions = [10, 25, 50, 100], onPageChange, onRowsPerPageChange, }): ReactElement => { const [localPage, setPage] = useState(page); con קרא עוד →reactjs - "מודול לא נמצא" או "נתיב הייבוא לא יכול להסתיים ב-tsx" בעת שימוש ב-Storybook עם TypeScript
אני כותב רכיב שעושה שימוש ברכיב אחר, אז כתבתי
בקובץ /src/stories/TextArea/TextArea.tsx.
עם זאת, זה נותן את השגיאה
Module not found: Can't resolve '../Tex קרא עוד →טייפסקריפט - איך אני יכול לטפל נכון ב-Vue slots ב-Storybook
אני מנסה להפעיל את חריצי Vue ב-Storybook. כרגע אני בגרסת הבטא של Storybook v7, בגלל שהיו שינויים שעשו אותו טוב יותר עבור הפרויקט שלנו. אנחנו משתמשים ב-Vue 3 עם vite. אנחנו גם משתמשים ב-Typescript בכל מקום.
הבעיה היא שסטוריבוק לא נראה כאילו הוא נותן דרך קלה להוסיף תוכן לסלוט. הדרך היחידה היא דרך אובייקט ה-args, וגם אז אתה צריך משהו כזה כדי שזה יעבוד נכון:
const meta: Meta<typeof Modal> = { title: 'Componenten/Modal', component: Modal, render: (args: any) = קרא עוד →angular - Storybook נכשל עם "לא ניתן לקרוא תכונות של לא מוגדר (קריאה של 'base16')" עבור חלק מהרכיבים
אני מנסה להציג את רכיבי ה-Angular שלי ב-Storybook. עבור חלק מהרכיבים זה עובד, אבל עבור אחרים, אני ממשיך לקבל את החריגה הבאה:
Cannot read properties of undefined (reading 'base16') TypeError: Cannot read properties of undefined (reading 'base16') at ./node_modules/rfc4648/lib/index.mjs (http://localhost:4400/vendors-node_modules_angular-auth-oidc-client_fesm2020_angular-auth-oidc-client_mjs.iframe.bundle.js:14476:66) at __webpack_require__ (http://localhost:4400/runtime~m קרא עוד →reactjs - Storybook: המודול המבוקש XXX לא מספק ייצוא בשם XXX בעת ניסיון להציג קומפוננטות מורכבות
אני משתמש ב-Storybook בפעם הראשונה. עד כה זה עבד בעיקר, אבל עכשיו אני מקבל שגיאה שלא מספקת הרבה מידע (לאור הנראה היא שגויה).
זו ספריית רכיבים שאני מנסה לבנות https://github.com/replyke/base
שיש לו 6 רכיבים שצריכים להיות מוצגים עם StoryBook.
ארבעה מהם מוצגים ללא בעיות, אבל שניים מהם (StatsBar ו-Comment) מציגים את השגיאה בכותרת.
עבור שניהם עם זאת, השגיאה היא שלא מיוצאת ממשק, אך לא עבור אותו רכיב, אלא עבור רכיב ילד.
אז לדוגמה, StatsBar שמציג לי את השגיאה הזו, מתלונן
קרא עוד →