javascript - איך אני ניגש לאלמנטים של HTML ב-Angular 7 (או גרסה גבוהה יותר) כאשר CSS אינו עובד?
עברתי על כל השאלות הדומות כאן ב-StackOverflow שיכולתי למצוא. אני חדש ב-Angular, אבל בדרך כלל אני יכול להרכיב משהו שיעבוד ל-UX ו-UI לצורכי הדגמה.
כרגע, יש לי שני רכיבים מבוססי HTML במקומות שונים בעמוד שלי. אחד מהרכיבים הללו הוא גרסה עם תמונה על חצי אחד של העמוד וטקסט על החצי השני. אני אנסה להדגים זאת:
קרא עוד →reactjs - שגיאה בשימוש במודולי CSS ב-Typescript React עם תצורת Webpack
יש למעשה שאלה דומה שם: איך אני מתקן שגיאות קומפילציה של TypeScript בקבצי CSS?
אז אני מנסה לייבא מודול CSS ב-TypeScript, ככה:
import * as styles from "./App.css"; //App.tsx return some jsx: <h3 className={styles["background"]}>CSS Here</h3> // ./App.css .background { background-color: pink; }התקנתי את css-loader ו-style-loader עבור webpack, וגם בנוסף את חבילת "css-modules-typescript-loader": ht
קרא עוד →reactjs - איך אפשר להשתמש במודולי CSS יחד עם Typescript, React ו-Webpack?
אני בונה רק קומפוננטה לשימוש חוזר ב-React ולכן אני לא בונה עם react-create-app ומנסה להגדיר הכל מאפס.
הבעיה שלי היא שאני ממשיך לקבל את השגיאה הבאה: TS2307: לא ניתן למצוא את המודול './styles/styles.css' או את ההצהרות המתאימות שלו.
הקוד פשוט ברגע זה ונראה כך:
קרא עוד →reactjs - בעיית טוקן SCSS/CSS של AG-grid ב-React
יש לי בעיה בעבודה עם ag-grid-react. אני ממשיך לקבל שגיאה שקוראת:
שגיאה ב-./node_modules/ag-grid-community/dist/styles/ag-grid.scss 8:73 ניתוח המודול נכשל: סימן בלתי צפוי (8:73)
החוק שלי ב-webpack הוא:
module.exports = { module: { rules: [ { test: /\.css$/, use: ["style-loader", "css-loader"] }, ], }, module: { rules: [ { test: /\.s[ac]ss$/i, קרא עוד →reactjs - אין עומס שמתאים לקריאה זו שגיאה בעת שימוש ב-css-in-js ב-Typescript, Webpack, פרויקט React
יש לי פרויקט עם Webpack, Typescript ו-React Hooks שבו אני משתמש ב-CSS-in-js כדי להעביר סטיילינג ל-div. אני מקבל את השגיאה הבאה כאשר אני מרחף מעל ה-prop style ברכיב Menu. אני לא בטוח איפה עלי לחבר את ה-CSSProperties.
קרא עוד →איך לפרסם מודול npm מבוסס TypeScript שמכיל מודולי CSS?
אני מפתח ספריה פנימית מבוססת TypeScript עבור רכיבי React משותפים. תהליך הבנייה הוא פשוט tsc בלבד ולאחריו מפרסמים לרגיסטרי npm פנימי. אין צורך בתהליך קומפילציה מורכב עם Babel מכיוון שהארטיפקטים של הבנייה משמשים רק בתוך הצוות ותהליך טרנספילציה נכון מתבצע על ספריה זו כאשר האפליקציות הצורכות מריצות את תהליך חבילת ה-Webpack שלהן.
הבעיות התחילו להתרחש כאשר ניסיתי לפרק קובץ styles.css אחד בלבד למודולי CSS מפוצלים כראוי. כדי להשתמש במודולי CSS, יהיה קוד עם תחביר כמו למ
קרא עוד →reactjs - CSS לא מוחל כאשר משתמשים עם React, Typescript ו-typescript-plugin-css-modules
יש לי התקנה עם React ו-Typescript ואני מנסה לייבא ולהשתמש במודולי CSS. התקנתי את typescript-plugin-css-modules ושיניתי את tsconfig.json על ידי הוספת "plugins": [{ "name": "typescript-plugin-css-modules" }]. בנוסף, יש לי Global.d.ts שכולל
declare module "*.module.css" { const classes: { [key: string]: string }; export default classes; }זהו הקובץ שלי webpack.confi
קרא עוד →התנהגות מוזרה של מחלקת CSS ב-td עם rowspan (Angular)
אני משתמש במחלקת CSS מותאמת אישית שנקראת 'td-group' כדי להתאים td עם rowspan, כדי להיות ספציפי יותר [attr.rowspan] מאחר שאני משתמש ב-Angular. בקיצור, סגנון ה-CSS לא תמיד מוחל נכון, חיפשתי בכל מקום וניסיתי הכל ועדיין לא הצלחתי להבין את זה הבאג מתרחש רק בתוך Chrome ולעולם לא ב-Edge כאן התמונה של הבאג
<tr *ngFor="let r of list; let i = index"> <ng-container *ngIf="group && r.representative.show"> <td class="td-group& קרא עוד →typescript - הבנייה של Next.js אינה מצליחה להתרגם (HookWebpackError: <css input>:61:1: פסיק־נקודה חסרה)
הבעיה:
next.js נכשל בהרצת פקודת הבנייה, למרות שאני יכול להריץ אותה במצב פיתוח ללא בעיות. הוא אומר שיש נקודה-פסיק חסרה ב-css. כמובן שאין כזאת, זה לא היה מתורגם במצב פיתוח אם הייתה. ולמידע כללי, אני משתמש ב-css modules עבור הפרויקט הזה. אז כל ה-css שלי הוא name.module.css.
הנה האזהרה שהקונסולה נותנת, וזוהי כל רצועת ה-stack. זה לא משתנה אם אני מריץ גם את הדגל --debug. ואני מריץ npm run build שמתאים לסקריפט "build": "next build"
קרא עוד →node.js - כיצד לאגד CSS של מודול Node לתוך תוסף VSCode
תוסף Visual Studio Code שלי משתמש במודול node highlight.js שמגיע עם תיקייה מלאה בקבצי CSS. הם מספקים סכמות צבעים לצביעת תחביר. הפך להיות נחוץ לאגד חלק מקבצי ה-CSS.
זוהי על חבילה של נכס
המטרה היא לאגד קובץ CSS ובזמן ריצה לגשת לתוכן הקובץ כמחרוז
קרא עוד →