A constructor from a node module I'm importing works when using Create React App, but errors in ParcelJS. What is going on?
I'm converting a project that was built using Create React App to use ParcelJS as a bundler instead. Strangely, a dependency that I imported during development (@twilio/voice-sdk) works fine in the CRA version of the application, but I get the following error when I try to invoke the constructor in the Parcel version:
TypeError: (this._options.AudioHelper || audiohelper_1.default) is not a constructor
The package is identical between both (@v2.1.1, the latest). I'm importing using ESM syntax, so:
import { Device } from '@twilio/voice-sdk'
I trying using CommonJS syntax (require) and it still didn't work. I've dug into the compiled code, and that seems to be the issue. I imagine there are a lot of differences, but one that I've noticed is here:
On the left is the code compiled by Create React App, which does seem to be exporting something more substantial than on the left - is the export just an empty object? If so, it's no wonder I'm getting a constructor error.
Unfortunately, no amount of googling and SO sleuthing has clarified what I could do to make ParcelJS transpile this dependency properly, if that's the issue. I've tried to make the babel config for ParcelJS match CRA more closely by adding the following to a babel.config.json
{
"plugins": [
"@babel/plugin-transform-modules-commonjs"
]
}
But no luck. Any ideas from where to go from here, or is it time to switch to Webpack?
It looks like Twilio package has a problem when using Parcel 2: https://github.com/twilio/twilio-voice.js/issues/101
- Renaming Function Parameters with Babel Without Changing Other Identical Identifiers
- Syntax error: Rest element must be last element
- Next failed to load SWC binary
- Build failed because of webpack errors
- Uncaught Error: Cannot find module 'react/jsx-runtime'
- How do I fix a MODULE_NOT_FOUND error for a module that I don't manually import?
- Exported function is undefined
- is there a way to prevent my component package from installing styled-component in it's directory in node modules
- Babel not transpiling arrow functions (Webpack)
- Absolute Imports: React and Typescript
- Source Maps not working with Webpack
- Why we import import "core-js/stable" library?
- ESLint: Failed to load config "next/babel" to extend from
- Error while loading config - You appear to be using a native ECMAScript module configuration file
- Destructuring assignment to construct a new object - Is it possible?
- When to use babel.config.js and .babelrc
- Dynamically add child components in React
- Is there any one-line analogy in ES6 for ES5 `module.exports = require('./inner.js')`?
- Duplicate __self prop found when running react app
- Avoid passing down props using Styled Components and Typescript
- Error in build file (babel-node): ReferenceError: require is not defined in ES module scope, you can use import instead
- BABEL Cannot find module 'node:path' error react-native
- Cannot find module 'babel-preset-env' from PATH Did you mean "@babel/env"?
- Facing issue while migrating Jest@26 to Jest@27
- React error: Messages must be statically evaluate-able for extraction
- Parsing error : Cannot find module 'next/babel'
- Can't use Component Selectors with MUI v5 Emotion Library
- Babel get array element at index N
- Service mocked with Jest causes "The module factory of jest.mock() is not allowed to reference any out-of-scope variables" error
- Requires Babel "7.0.0-0" but was loaded with "6.26.3"