Reproduzco err en este proyecto .
siguiente es mi babel.config.js
module.exports = { presets: [ ["@babel/preset-env", { "useBuiltIns": "usage", "corejs": 3, // or 2, "targets": { "chrome": "54" // babel is for debug, it make code compatible android webview, so compatible my genymotion android webview is enough }, "exclude": ["@babel/plugin-transform-regenerator", "@babel/plugin-transform-arrow-functions"] }], ] } cuando npx webpack serve , genera muchos errores similares, como export 'default' (imported as 'stripAnsi') was not found in './modules/strip-ansi/index.js' (module has no exports)
cuando babel.config.js configura chrome:54, genera err; cuando se configura Chrome: 74, no se equivoca, pero espero que todo el código sea compatible con Chrome 54 y debo usar core-js para aplicar polyfill , entonces, ¿cómo solucionar este error?
Algunas dependencias usan module.exports entrarán en conflicto con babel + corejs, así que haga que babel ignore estas dependencias, e incluso ninguna babel, las dependencias más populares son compatibles con navegadores antiguos (como react, react-dom use module.exports, son compatibles de forma nativa con navegadores muy antiguos )
en mi caso, solo pequeñas deps causan este error, por lo que uso babel.config.js "excluir" de la siguiente manera:
module.exports = { presets: [ ["@babel/preset-env", { "useBuiltIns": "usage", "corejs": "3.19.0", // or 2, "targets": { "android": "54" // babel is for debug, it make code compatible android webview, so compatible my genymotion android webview is enough }, "exclude": ["@babel/plugin-transform-regenerator", "@babel/plugin-transform-arrow-functions"] }], "@babel/preset-react", ], exclude: [/node_modules\/react/, /node_modules\/urijs/, /node_modules\/axios/] }también , si tal vez los deps causan este error, use babel.config.js "include" para solucionarlo