reactjs - Masalah konflik saat mengompilasi kode di Rollup/Typescript/React

Saya mendapatkan pekerjaan pada bulan Agustus, dan yang paling penting, di tengah pandemi ini, saya sebenarnya juga masih mempertahankannya!!

Sebagai proyek sampingan, saya ingin belajar membuat pustaka komponen React untuk penggunaan sendiri (jauh dari lengkap) dengan Rollup untuk tree-shaking-nya + plugin untuk cjs, udm, dll. untuk kompatibilitas.

Saat saya mengompilasi dengan TSC hampir sempurna sekarang setelah saya mengutak-atik beberapa hal terkait organisasi dan TSConfig bu

Baca lebih banyak →

Babel tidak melakukan kompilasi saat menggunakan plugin TypeScript Rollup dengan Babel

Saya tidak bisa membuat @rollup/plugin-typescript bekerja dengan @rollup/plugin-babel, dan JS yang dihasilkan dari kode TS tidak diterjemahkan oleh Babel

Saya mencari solusi untuk masalah terkait, tetapi sepertinya tidak berhasil (babel 7 tidak melakukan transpile sa

Baca lebih banyak →

Menggabungkan tipe TypeScript dari Yarn Workspace lokal dengan Rollup

Saya memiliki sebuah monorepo, dibuat sebagai Yarn Workspace, yang memiliki API dan SDK.

API adalah backend, dan SDK adalah pustaka manis untuk berinteraksi dengan backend tersebut. API adalah paket pribadi sementara SDK akan diterbitkan dan tersedia untuk siapa saja. Keduanya ditulis dalam TypeScript.

Secara alami, SDK dan API memiliki beberapa persilangan ketika datang ke tipe TypeScript. Karena API menentukan apa yang diterimanya dalam argumen ke endpoint-nya, tampaknya yang te

Baca lebih banyak →

typescript - Cara memperbaiki kesalahan ketika rollup tidak dapat menyelesaikan dependensi

Saya sedang membuat widget yang dapat dipasang di React, untuk digunakan dalam aplikasi Mendix, yang memanfaatkan paket ketcher-react.

Dengan hanya dasar-dasarnya yang ada (lihat kode di bawah), ketika saya ingin membangun menggunakan npm run build, saya mendapatkan error berikut:

Kesalahan: 'url' diimpor oleh url?commonjs-eksternal, tetapi tidak dapat diselesaikan – memperlakukannya sebagai dependensi eksternal

FYI: url?commonjs-externa

Baca lebih banyak →

reactjs - @rollup/plugin-typescript TS2307: Tidak dapat menemukan modul

Saya mengikuti panduan ini untuk membuat pustaka komponen React untuk perusahaan saya. Saya mengatur semuanya sesuai panduan dan kemudian mencoba menjalankan npm rollup -c. Itu berjalan di komputer saya (dibangun tanpa kesalahan).

Tapi ketika saya mencoba memasangnya ke CircleCI (alat yang kami gunakan untuk build), itu menghasilkan kesalahan ini:

Baca lebih banyak →

typescript - Menambahkan pengetikan library react-table ke build menggunakan rollup

Saya ingin bisa menyertakan tipe react-table dalam build menggunakan rollup module bundler sehingga aplikasi eksternal yang menggunakan pustaka kustom saya tidak perlu menyertakan tipe tersebut dalam aplikasi mereka. Saat ini, build tidak menyertakan tipe pustaka eksternal dalam bundle. Saya sudah mencoba rollup-plugin-copy untuk menyalin file tipe tertentu ke tujuan, tetapi ingin tahu apakah ada cara yang lebih baik untuk melakukannya

Berikut adalah file tscon

Baca lebih banyak →

reactjs - Pengujian Komponen Cypress untuk konfigurasi server pengembangan khusus React Microbundle (Rollup)

Saya sedang mencoba menyusun strategi pengujian komponen untuk repositori React baru yang sedang kami kerjakan di sini.

Berdasarkan dokumentasi Cypress, tidak ada detail berguna tentang cara mengonfigurasi pengujian komponen menggunakan server pengembangan kustom seperti ini.

import { defineConfig } from 'cypress' export default defineConfig({ component: { devServer(cypressConfig) { // return dev server instance or a promise that resolves to // a dev ser

Baca lebih banyak →

Menyertakan file Typescript dari komponen Svelte dengan Rollup menunjukkan kesalahan parsing

Latar Belakang Singkat

  • Saya ingin membuat ekstensi Visual Studio Code yang memiliki webview
  • Saya ingin menggunakan Svelte/Typescript untuk membuat webview, Typescript untuk membuat ekstensi itu sendiri
  • Ini telah membawa saya ke struktur proyek yang tidak biasa, di mana saya menggunakan esbuild untuk membangun ekstensi, rollup untuk membangun webview, dan menggunakan tsconfig.json terpisah untuk webview dibandingkan dengan ekstensi
  • Baca lebih banyak →

javascript - Mendapatkan error TS2307: Tidak dapat menemukan modul saat menggunakan rollup di proyek typescript

Saya mendapatkan kesalahan berikut setelah menghasilkan bundle dengan rollupjs dan menjalankan npx tsc lib/index.d.ts untuk memeriksa hasilnya:

error TS2307: Cannot find module '@solana/web3.js' or its corresponding type declarations. import {PublicKey} from '@solana/web3.js';

Contoh kode saya sangat sederhana, hanya mengimpor PublicKey:

// src/index.ts import {PublicKey} from '@solana/web3.js'; const a = new PublicKey("SOME_KEY

Baca lebih banyak →

javascript - Lodash mengambil ukuran 2x lebih besar di bundel Rollup

Saya sedang mengerjakan sebuah library TS React yang akan digunakan di proyek lain yang saya miliki. Library ini sedang dibundel dengan Rollup. Saya memperhatikan bahwa ukuran bundel saya cukup besar, jadi saya menggunakan rollup-plugin-visualizer untuk membantu saya melihat apa yang menghabiskan banyak ruang. Satu hal yang terasa aneh bagi saya adalah Lodash menghabiskan ukuran 2x lebih besar dari seharusnya (142KB alih-alih 69,9KB).

Saya sudah memeriksa tsconfig.json dan rollup.config

Baca lebih banyak →