reactjs - Zašto je moj modul prazan {} kada pokrećem Jest i uvozim ESM modul?
Uvozim zadani import iz paketa node_module koji izvozi ESM modul. Postavio sam svoj Jest/Babel tako da je prestao prijavljivati SyntaxError: Unexpected token import, ali sada kad modul uspješno uvozim, ispostavilo se da je modul prazan objekt. Trebam li nekako transformirati svoj kod? (P.S. Vjerojatno je suvišno reći, ali import u mojoj aplikaciji funkcionira bez problema.) (P.P.S. Koristim Create React App i TypeScript, u slučaju da to ima razlike.)
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 testira)
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 {
...