Open Loufi1 opened 8 months ago
The issue stays the same with updated versions of @twilio/flex-ui
and react-scripts
.
I was able to compile and start the project after doing the following, which is clearly not clean:
package.json
"devDependencies": {
"@babel/plugin-proposal-private-property-in-object": "^7.21.11",
"ieee754": "^1.2.1",
"path-browserify": "^1.0.1"
}
fallback:{path : require.resolve("path-browserify")},
to the resolve
property in node_modules/react-scripts/config/webpack.config.js
It's still gives a huge load of warnings:
WARNING in ./node_modules/@gooddata/typings/dist/src/AFM.js
Module Warning (from ./node_modules/source-map-loader/dist/cjs.js):
Failed to parse source map from '/Users/quentinhayot/Downloads/flex-ui-sample/node_modules/@gooddata/typings/src/AFM.ts' file: Error: ENOENT: no such file or directory, open '/Users/quentinhayot/Downloads/flex-ui-sample/node_modules/@gooddata/typings/src/AFM.ts'
WARNING in ./node_modules/@gooddata/typings/dist/src/AnalyticalDashboard.js
Module Warning (from ./node_modules/source-map-loader/dist/cjs.js):
Failed to parse source map from '/Users/quentinhayot/Downloads/flex-ui-sample/node_modules/@gooddata/typings/src/AnalyticalDashboard.ts' file: Error: ENOENT: no such file or directory, open '/Users/quentinhayot/Downloads/flex-ui-sample/node_modules/@gooddata/typings/src/AnalyticalDashboard.ts'
WARNING in ./node_modules/@gooddata/typings/dist/src/DashboardExport.js
Module Warning (from ./node_modules/source-map-loader/dist/cjs.js):
Failed to parse source map from '/Users/quentinhayot/Downloads/flex-ui-sample/node_modules/@gooddata/typings/src/DashboardExport.ts' file: Error: ENOENT: no such file or directory, open '/Users/quentinhayot/Downloads/flex-ui-sample/node_modules/@gooddata/typings/src/DashboardExport.ts'
WARNING in ./node_modules/@gooddata/typings/dist/src/DashboardLayout.js
Module Warning (from ./node_modules/source-map-loader/dist/cjs.js):
Failed to parse source map from '/Users/quentinhayot/Downloads/flex-ui-sample/node_modules/@gooddata/typings/src/DashboardLayout.ts' file: Error: ENOENT: no such file or directory, open '/Users/quentinhayot/Downloads/flex-ui-sample/node_modules/@gooddata/typings/src/DashboardLayout.ts'
WARNING in ./node_modules/@gooddata/typings/dist/src/ExecuteAFM.js
Module Warning (from ./node_modules/source-map-loader/dist/cjs.js):
Failed to parse source map from '/Users/quentinhayot/Downloads/flex-ui-sample/node_modules/@gooddata/typings/src/ExecuteAFM.ts' file: Error: ENOENT: no such file or directory, open '/Users/quentinhayot/Downloads/flex-ui-sample/node_modules/@gooddata/typings/src/ExecuteAFM.ts'
WARNING in ./node_modules/@gooddata/typings/dist/src/Execution.js
Module Warning (from ./node_modules/source-map-loader/dist/cjs.js):
Failed to parse source map from '/Users/quentinhayot/Downloads/flex-ui-sample/node_modules/@gooddata/typings/src/Execution.ts' file: Error: ENOENT: no such file or directory, open '/Users/quentinhayot/Downloads/flex-ui-sample/node_modules/@gooddata/typings/src/Execution.ts'
WARNING in ./node_modules/@gooddata/typings/dist/src/ExtendedDateFilters.js
Module Warning (from ./node_modules/source-map-loader/dist/cjs.js):
Failed to parse source map from '/Users/quentinhayot/Downloads/flex-ui-sample/node_modules/@gooddata/typings/src/ExtendedDateFilters.ts' file: Error: ENOENT: no such file or directory, open '/Users/quentinhayot/Downloads/flex-ui-sample/node_modules/@gooddata/typings/src/ExtendedDateFilters.ts'
WARNING in ./node_modules/@gooddata/typings/dist/src/KPI.js
Module Warning (from ./node_modules/source-map-loader/dist/cjs.js):
Failed to parse source map from '/Users/quentinhayot/Downloads/flex-ui-sample/node_modules/@gooddata/typings/src/KPI.ts' file: Error: ENOENT: no such file or directory, open '/Users/quentinhayot/Downloads/flex-ui-sample/node_modules/@gooddata/typings/src/KPI.ts'
WARNING in ./node_modules/@gooddata/typings/dist/src/Localization.js
Module Warning (from ./node_modules/source-map-loader/dist/cjs.js):
Failed to parse source map from '/Users/quentinhayot/Downloads/flex-ui-sample/node_modules/@gooddata/typings/src/Localization.ts' file: Error: ENOENT: no such file or directory, open '/Users/quentinhayot/Downloads/flex-ui-sample/node_modules/@gooddata/typings/src/Localization.ts'
WARNING in ./node_modules/@gooddata/typings/dist/src/VisualizationClass.js
Module Warning (from ./node_modules/source-map-loader/dist/cjs.js):
Failed to parse source map from '/Users/quentinhayot/Downloads/flex-ui-sample/node_modules/@gooddata/typings/src/VisualizationClass.ts' file: Error: ENOENT: no such file or directory, open '/Users/quentinhayot/Downloads/flex-ui-sample/node_modules/@gooddata/typings/src/VisualizationClass.ts'
WARNING in ./node_modules/@gooddata/typings/dist/src/VisualizationInput.js
Module Warning (from ./node_modules/source-map-loader/dist/cjs.js):
Failed to parse source map from '/Users/quentinhayot/Downloads/flex-ui-sample/node_modules/@gooddata/typings/src/VisualizationInput.ts' file: Error: ENOENT: no such file or directory, open '/Users/quentinhayot/Downloads/flex-ui-sample/node_modules/@gooddata/typings/src/VisualizationInput.ts'
WARNING in ./node_modules/@gooddata/typings/dist/src/VisualizationObject.js
Module Warning (from ./node_modules/source-map-loader/dist/cjs.js):
Failed to parse source map from '/Users/quentinhayot/Downloads/flex-ui-sample/node_modules/@gooddata/typings/src/VisualizationObject.ts' file: Error: ENOENT: no such file or directory, open '/Users/quentinhayot/Downloads/flex-ui-sample/node_modules/@gooddata/typings/src/VisualizationObject.ts'
WARNING in ./node_modules/@gooddata/typings/dist/src/embedding/ad.js
Module Warning (from ./node_modules/source-map-loader/dist/cjs.js):
Failed to parse source map from '/Users/quentinhayot/Downloads/flex-ui-sample/node_modules/@gooddata/typings/src/embedding/ad.ts' file: Error: ENOENT: no such file or directory, open '/Users/quentinhayot/Downloads/flex-ui-sample/node_modules/@gooddata/typings/src/embedding/ad.ts'
WARNING in ./node_modules/@gooddata/typings/dist/src/embedding/common.js
Module Warning (from ./node_modules/source-map-loader/dist/cjs.js):
Failed to parse source map from '/Users/quentinhayot/Downloads/flex-ui-sample/node_modules/@gooddata/typings/src/embedding/common.ts' file: Error: ENOENT: no such file or directory, open '/Users/quentinhayot/Downloads/flex-ui-sample/node_modules/@gooddata/typings/src/embedding/common.ts'
WARNING in ./node_modules/@gooddata/typings/dist/src/embedding/kd.js
Module Warning (from ./node_modules/source-map-loader/dist/cjs.js):
Failed to parse source map from '/Users/quentinhayot/Downloads/flex-ui-sample/node_modules/@gooddata/typings/src/embedding/kd.ts' file: Error: ENOENT: no such file or directory, open '/Users/quentinhayot/Downloads/flex-ui-sample/node_modules/@gooddata/typings/src/embedding/kd.ts'
WARNING in ./node_modules/@gooddata/typings/dist/src/visualizationWidget.js
Module Warning (from ./node_modules/source-map-loader/dist/cjs.js):
Failed to parse source map from '/Users/quentinhayot/Downloads/flex-ui-sample/node_modules/@gooddata/typings/src/visualizationWidget.ts' file: Error: ENOENT: no such file or directory, open '/Users/quentinhayot/Downloads/flex-ui-sample/node_modules/@gooddata/typings/src/visualizationWidget.ts'
WARNING in ./node_modules/@twilio/flex-ui/bundle/twilio-flex.prod.js
Module Warning (from ./node_modules/source-map-loader/dist/cjs.js):
Failed to parse source map from '/Users/quentinhayot/Downloads/flex-ui-sample/node_modules/@twilio/flex-ui/bundle/twilio-flex.prod.js.map' file: Error: ENOENT: no such file or directory, open '/Users/quentinhayot/Downloads/flex-ui-sample/node_modules/@twilio/flex-ui/bundle/twilio-flex.prod.js.map'
WARNING in ./node_modules/@twilio/flex-ui/node_modules/@twilio/flex-ui-core/bundle/twilio-flex-ui-core.prod.js
Module Warning (from ./node_modules/source-map-loader/dist/cjs.js):
Failed to parse source map from '/Users/quentinhayot/Downloads/flex-ui-sample/node_modules/@twilio/flex-ui/node_modules/@twilio/flex-ui-core/bundle/twilio-flex-ui-core.prod.js.map' file: Error: ENOENT: no such file or directory, open '/Users/quentinhayot/Downloads/flex-ui-sample/node_modules/@twilio/flex-ui/node_modules/@twilio/flex-ui-core/bundle/twilio-flex-ui-core.prod.js.map'
WARNING in ./node_modules/@twilio/player/dist/index.js
Module Warning (from ./node_modules/source-map-loader/dist/cjs.js):
Failed to parse source map from '/Users/quentinhayot/Downloads/flex-ui-sample/node_modules/@twilio/player/src/core/core.ts' file: Error: ENOENT: no such file or directory, open '/Users/quentinhayot/Downloads/flex-ui-sample/node_modules/@twilio/player/src/core/core.ts'
WARNING in ./node_modules/@twilio/player/dist/index.js
Module Warning (from ./node_modules/source-map-loader/dist/cjs.js):
Failed to parse source map from '/Users/quentinhayot/Downloads/flex-ui-sample/node_modules/@twilio/player/src/core/misc.ts' file: Error: ENOENT: no such file or directory, open '/Users/quentinhayot/Downloads/flex-ui-sample/node_modules/@twilio/player/src/core/misc.ts'
WARNING in ./node_modules/@twilio/player/dist/index.js
Module Warning (from ./node_modules/source-map-loader/dist/cjs.js):
Failed to parse source map from '/Users/quentinhayot/Downloads/flex-ui-sample/node_modules/@twilio/player/src/core/plugins/timeline.ts' file: Error: ENOENT: no such file or directory, open '/Users/quentinhayot/Downloads/flex-ui-sample/node_modules/@twilio/player/src/core/plugins/timeline.ts'
WARNING in ./node_modules/@twilio/player/dist/index.js
Module Warning (from ./node_modules/source-map-loader/dist/cjs.js):
Failed to parse source map from '/Users/quentinhayot/Downloads/flex-ui-sample/node_modules/@twilio/player/src/core/plugins/wsTimeline.js' file: Error: ENOENT: no such file or directory, open '/Users/quentinhayot/Downloads/flex-ui-sample/node_modules/@twilio/player/src/core/plugins/wsTimeline.js'
WARNING in ./node_modules/@twilio/player/dist/index.js
Module Warning (from ./node_modules/source-map-loader/dist/cjs.js):
Failed to parse source map from '/Users/quentinhayot/Downloads/flex-ui-sample/node_modules/@twilio/player/src/core/renderer.ts' file: Error: ENOENT: no such file or directory, open '/Users/quentinhayot/Downloads/flex-ui-sample/node_modules/@twilio/player/src/core/renderer.ts'
WARNING in ./node_modules/@twilio/player/dist/index.js
Module Warning (from ./node_modules/source-map-loader/dist/cjs.js):
Failed to parse source map from '/Users/quentinhayot/Downloads/flex-ui-sample/node_modules/@twilio/player/src/core/styles.ts' file: Error: ENOENT: no such file or directory, open '/Users/quentinhayot/Downloads/flex-ui-sample/node_modules/@twilio/player/src/core/styles.ts'
WARNING in ./node_modules/@twilio/player/dist/index.js
Module Warning (from ./node_modules/source-map-loader/dist/cjs.js):
Failed to parse source map from '/Users/quentinhayot/Downloads/flex-ui-sample/node_modules/@twilio/player/src/ui/Mark.tsx' file: Error: ENOENT: no such file or directory, open '/Users/quentinhayot/Downloads/flex-ui-sample/node_modules/@twilio/player/src/ui/Mark.tsx'
WARNING in ./node_modules/@twilio/player/dist/index.js
Module Warning (from ./node_modules/source-map-loader/dist/cjs.js):
Failed to parse source map from '/Users/quentinhayot/Downloads/flex-ui-sample/node_modules/@twilio/player/src/ui/Player.tsx' file: Error: ENOENT: no such file or directory, open '/Users/quentinhayot/Downloads/flex-ui-sample/node_modules/@twilio/player/src/ui/Player.tsx'
WARNING in ./node_modules/@twilio/player/dist/index.js
Module Warning (from ./node_modules/source-map-loader/dist/cjs.js):
Failed to parse source map from '/Users/quentinhayot/Downloads/flex-ui-sample/node_modules/@twilio/player/src/ui/Portal.ts' file: Error: ENOENT: no such file or directory, open '/Users/quentinhayot/Downloads/flex-ui-sample/node_modules/@twilio/player/src/ui/Portal.ts'
WARNING in ./node_modules/@twilio/player/dist/index.js
Module Warning (from ./node_modules/source-map-loader/dist/cjs.js):
Failed to parse source map from '/Users/quentinhayot/Downloads/flex-ui-sample/node_modules/@twilio/player/src/utils.ts' file: Error: ENOENT: no such file or directory, open '/Users/quentinhayot/Downloads/flex-ui-sample/node_modules/@twilio/player/src/utils.ts'
WARNING in ./node_modules/@twilio/player/dist/index.js
Module Warning (from ./node_modules/source-map-loader/dist/cjs.js):
Failed to parse source map from '/Users/quentinhayot/Downloads/flex-ui-sample/node_modules/node_modules/wavesurfer.js/src/drawer.canvasentry.js' file: Error: ENOENT: no such file or directory, open '/Users/quentinhayot/Downloads/flex-ui-sample/node_modules/node_modules/wavesurfer.js/src/drawer.canvasentry.js'
WARNING in ./node_modules/@twilio/player/dist/index.js
Module Warning (from ./node_modules/source-map-loader/dist/cjs.js):
Failed to parse source map from '/Users/quentinhayot/Downloads/flex-ui-sample/node_modules/node_modules/wavesurfer.js/src/drawer.js' file: Error: ENOENT: no such file or directory, open '/Users/quentinhayot/Downloads/flex-ui-sample/node_modules/node_modules/wavesurfer.js/src/drawer.js'
WARNING in ./node_modules/@twilio/player/dist/index.js
Module Warning (from ./node_modules/source-map-loader/dist/cjs.js):
Failed to parse source map from '/Users/quentinhayot/Downloads/flex-ui-sample/node_modules/node_modules/wavesurfer.js/src/drawer.multicanvas.js' file: Error: ENOENT: no such file or directory, open '/Users/quentinhayot/Downloads/flex-ui-sample/node_modules/node_modules/wavesurfer.js/src/drawer.multicanvas.js'
WARNING in ./node_modules/@twilio/player/dist/index.js
Module Warning (from ./node_modules/source-map-loader/dist/cjs.js):
Failed to parse source map from '/Users/quentinhayot/Downloads/flex-ui-sample/node_modules/node_modules/wavesurfer.js/src/util/absMax.js' file: Error: ENOENT: no such file or directory, open '/Users/quentinhayot/Downloads/flex-ui-sample/node_modules/node_modules/wavesurfer.js/src/util/absMax.js'
WARNING in ./node_modules/@twilio/player/dist/index.js
Module Warning (from ./node_modules/source-map-loader/dist/cjs.js):
Failed to parse source map from '/Users/quentinhayot/Downloads/flex-ui-sample/node_modules/node_modules/wavesurfer.js/src/util/clamp.js' file: Error: ENOENT: no such file or directory, open '/Users/quentinhayot/Downloads/flex-ui-sample/node_modules/node_modules/wavesurfer.js/src/util/clamp.js'
WARNING in ./node_modules/@twilio/player/dist/index.js
Module Warning (from ./node_modules/source-map-loader/dist/cjs.js):
Failed to parse source map from '/Users/quentinhayot/Downloads/flex-ui-sample/node_modules/node_modules/wavesurfer.js/src/util/frame.js' file: Error: ENOENT: no such file or directory, open '/Users/quentinhayot/Downloads/flex-ui-sample/node_modules/node_modules/wavesurfer.js/src/util/frame.js'
WARNING in ./node_modules/@twilio/player/dist/index.js
Module Warning (from ./node_modules/source-map-loader/dist/cjs.js):
Failed to parse source map from '/Users/quentinhayot/Downloads/flex-ui-sample/node_modules/node_modules/wavesurfer.js/src/util/get-id.js' file: Error: ENOENT: no such file or directory, open '/Users/quentinhayot/Downloads/flex-ui-sample/node_modules/node_modules/wavesurfer.js/src/util/get-id.js'
WARNING in ./node_modules/@twilio/player/dist/index.js
Module Warning (from ./node_modules/source-map-loader/dist/cjs.js):
Failed to parse source map from '/Users/quentinhayot/Downloads/flex-ui-sample/node_modules/node_modules/wavesurfer.js/src/util/max.js' file: Error: ENOENT: no such file or directory, open '/Users/quentinhayot/Downloads/flex-ui-sample/node_modules/node_modules/wavesurfer.js/src/util/max.js'
WARNING in ./node_modules/@twilio/player/dist/index.js
Module Warning (from ./node_modules/source-map-loader/dist/cjs.js):
Failed to parse source map from '/Users/quentinhayot/Downloads/flex-ui-sample/node_modules/node_modules/wavesurfer.js/src/util/min.js' file: Error: ENOENT: no such file or directory, open '/Users/quentinhayot/Downloads/flex-ui-sample/node_modules/node_modules/wavesurfer.js/src/util/min.js'
WARNING in ./node_modules/@twilio/player/dist/index.js
Module Warning (from ./node_modules/source-map-loader/dist/cjs.js):
Failed to parse source map from '/Users/quentinhayot/Downloads/flex-ui-sample/node_modules/node_modules/wavesurfer.js/src/util/observer.js' file: Error: ENOENT: no such file or directory, open '/Users/quentinhayot/Downloads/flex-ui-sample/node_modules/node_modules/wavesurfer.js/src/util/observer.js'
WARNING in ./node_modules/@twilio/player/dist/index.js
Module Warning (from ./node_modules/source-map-loader/dist/cjs.js):
Failed to parse source map from '/Users/quentinhayot/Downloads/flex-ui-sample/node_modules/node_modules/wavesurfer.js/src/util/request-animation-frame.js' file: Error: ENOENT: no such file or directory, open '/Users/quentinhayot/Downloads/flex-ui-sample/node_modules/node_modules/wavesurfer.js/src/util/request-animation-frame.js'
WARNING in ./node_modules/@twilio/player/dist/index.js
Module Warning (from ./node_modules/source-map-loader/dist/cjs.js):
Failed to parse source map from '/Users/quentinhayot/Downloads/flex-ui-sample/node_modules/node_modules/wavesurfer.js/src/util/style.js' file: Error: ENOENT: no such file or directory, open '/Users/quentinhayot/Downloads/flex-ui-sample/node_modules/node_modules/wavesurfer.js/src/util/style.js'
WARNING in ./node_modules/value-or-promise/build/module/ValueOrPromise.js
Module Warning (from ./node_modules/source-map-loader/dist/cjs.js):
Failed to parse source map from '/Users/quentinhayot/Downloads/flex-ui-sample/node_modules/value-or-promise/src/ValueOrPromise.ts' file: Error: ENOENT: no such file or directory, open '/Users/quentinhayot/Downloads/flex-ui-sample/node_modules/value-or-promise/src/ValueOrPromise.ts'
WARNING in ./node_modules/value-or-promise/build/module/index.js
Module Warning (from ./node_modules/source-map-loader/dist/cjs.js):
Failed to parse source map from '/Users/quentinhayot/Downloads/flex-ui-sample/node_modules/value-or-promise/src/index.ts' file: Error: ENOENT: no such file or directory, open '/Users/quentinhayot/Downloads/flex-ui-sample/node_modules/value-or-promise/src/index.ts'
webpack compiled with 42 warnings
It would be nice to have an update from Twilio. This self-hosted example wasn't updated for 2 years.
For those that run into issues, I had to do the above but both comments did not mention needing to upgrade to "react-scripts": "5.0.1" from v3.
This repo really needs to be updated!
Hey @blakecodes, would you mind sharing your package.json ? We never managed to have it build...
Expected Behavior
The project is launched after executing the
npm start
command.Current Behavior
The projet failed to compile with the error message
Steps to Reproduce
node v16.13.1
andnpm v8.1.2
flex-ui-sample
from themain
branch.npm install
at the root of the project.npm start
at the root of the project.Context (Environment)
node:
v16.13.1
npm:
v8.1.2
package.json: