ค้นหาเว็บไซต์
javascript - ฉันจะเข้าถึง Elements ของ 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 แล้ว นอกจาก
อ่านต่อไป →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: /\. อ่านต่อไป →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 ที่ซับซ้อนเพราะสิ่งที่สร้างขึ้นจะถูกใช้ภายในทีมเท่านั้น และการแปลงโค้ดที่เหมาะสมจะเกิดขึ้นกับห้องสมุดนี้เมื่อแอปพลิเคชันที่ใช้งานห้องสมุดทำการ bundling ด้วย Webpack ของตนเอง
ปัญหาเริ่มเกิดขึ้นเมื่อฉันพยายามแบ่งไฟล์ styles.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; }นี่คือ
อ่านต่อไป →พฤติกรรมแปลกของคลาส 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 อ่านต่อไป →typescript - การสร้าง Next.js ล้มเหลวในการคอมไพล์ ( HookWebpackError: <css input>:61:1: ลืมเครื่องหมายเซมิโคลอน)
ปัญหา:
next.js ล้มเหลวในการรันคำสั่ง build แม้ว่าฉันจะสามารถรันมันในโหมดพัฒนาได้โดยไม่มีปัญหา มันบอกว่ามีเครื่องหมายเซมิโคลอนหายไปใน css แน่นอนว่าไม่มี มันคงไม่สามารถคอมไพล์ในโหมดพัฒนาได้ถ้ามี และเพื่อข้อมูลทั่วไป ฉันกำลังใช้ css modules สำหรับโปรเจกต์นี้ ดังนั้น css ทั้งหมดของฉันคือ name.module.css
นี่คือคำเตือนที่คอนโซลแสดง และนี่คือสแต็กเทรซทั้งหมด ไม่เปลี่ยนแปลงหากฉันรันด้วยแฟลก --debug ด้วย และฉันกำลังรัน npm run build ซึ่งตรงกับสคร
อ่านต่อไป →node.js - วิธีรวม CSS ของโมดูล Node เข้ากับส่วนขยาย vscode
ส่วนขยาย Visual Studio Code ของฉันใช้โมดูล Node highlight.js ซึ่งมาพร้อมกับโฟลเดอร์ที่เต็มไปด้วยไฟล์ CSS เหล่านี้ให้ชุดสีสำหรับการเน้นไวยากรณ์ ขณะนี้จำเป็นต้องรวมไฟล์ CSS บางไฟล์เข้าด้วยกัน
มันเกี่ยวกับการรวมสินทรัพย์
วัตถุประสงค์คือการ รวมไฟล
อ่านต่อไป →