reactjs - De ce modulul meu este un {} gol când rulez Jest și import un modul ESM?
Import modulul implicit dintr-un pachet node_module care exportă un modul ESM. Mi-am configurat Jest/Babel astfel încât să nu mai apară eroarea SyntaxError: Unexpected token import, dar acum că importul modulului funcționează, se dovedește că modulul este un obiect gol. Trebuie să-mi transform cumva codul? (P.S. Probabil că e de la sine înțeles, dar importul funcționează bine în aplicația mea.) (P.P.S. Folosesc Create React App și TypeScript, în caz că contează.)
jest.config.js
module.exports = {
moduleNameMapper: {
'\\.(css|less)$': 'identity-obj-proxy',
},
preset: 'ts-jest',
transformIgnorePatterns: ['node_modules/(?!(@micro-frontend-apps)/)'] // this successfully allows the ESM module to be imported without complaint
};
styles.ts (se testează)
import { theme } from '@micro-frontend-apps/design-systems-library';
import styled from 'styled-components';
const InputContainer = styled.div`
.react-tel-input {
font-family: ${theme.font.fontFamilyBrand}; // *theme is undefined here*
li {
...