You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
{{ message }}
Repository navigation
add an 'x' button to close the error messages popup #1403
Hi @gvwilson , I am running into some errors while trying to setup the project, could you please let me know the prerequisites i need to have installed before being able to setup the project locally? i have nodejs and python installed already.
I also feel like the prerequisites should be included in the contributing.md, i'd be more than happy to do this as soon as you let me know what those prerequisites are
hi @Alfred-Emmanuel - are you using the instructions in CONTRIBUTING.md? If so, where is it failing for you? (If you can paste a log into a comment here that would help.)
@gvwilson Yes, i am using the instructions in the CONTRIBUTING.md, everything was going well until i ran "npm run build", the log is quite long but this is it below
npx lerna exec --concurrency 3 --scope='{dash-core-components,dash-html-components,dash-table}' -- npm i
lerna notice cli v6.6.2
lerna info versioning independent
lerna notice filter including "{dash-core-components,dash-html-components,dash-table}"
lerna info filter [ '{dash-core-components,dash-html-components,dash-table}' ]
lerna info Executing command in 3 packages: "npm i"
npm warn deprecated @npmcli/move-file@1.1.2: This functionality has been moved to @npmcli/fs
npm warn deprecated @babel/plugin-proposal-nullish-coalescing-operator@7.18.6: This proposal has been merged to the ECMAScript standard and thus this plugin is no longer maintained. Please use @babel/plugin-transform-nullish-coalescing-operator instead.
npm warn deprecated @babel/plugin-proposal-private-methods@7.18.6: This proposal has been merged to the ECMAScript standard and thus this plugin is no longer maintained. Please use @babel/plugin-transform-private-methods instead.
npm warn deprecated @babel/plugin-proposal-class-properties@7.18.6: This proposal has been merged to the ECMAScript standard and thus this plugin is no longer maintained. Please use @babel/plugin-transform-class-properties instead.
npm warn deprecated @babel/plugin-proposal-object-rest-spread@7.12.1: This proposal has been merged to the ECMAScript standard and thus this plugin is no longer maintained. Please use @babel/plugin-transform-object-rest-spread instead.
npm warn deprecated stable@0.1.8: Modern JS already guarantees Array#sort() is a stable sort, so this library is deprecated. See the compatibility table on MDN: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/sort#browser_compatibility
npm warn deprecated source-map-url@0.4.1: See https://github.com/lydell/source-map-url#deprecated
npm warn deprecated figgy-pudding@3.5.2: This module is no longer supported.
npm warn deprecated @babel/plugin-proposal-private-property-in-object@7.21.11: This proposal has been merged to the ECMAScript standard and thus this plugin is no longer maintained. Please use @babel/plugin-transform-private-property-in-object instead.
npm warn deprecated request-promise@4.2.6: request-promise has been deprecated because it extends the now deprecated request package, see request/request#3142
npm warn deprecated @babel/plugin-proposal-optional-chaining@7.21.0: This proposal has been merged to the ECMAScript standard and thus this plugin is no longer maintained. Please use @babel/plugin-transform-optional-chaining instead.
npm warn deprecated urix@0.1.0: Please see https://github.com/lydell/urix#deprecated
npm warn deprecated har-validator@5.1.5: this library is no longer supported
npm warn deprecated @babel/plugin-proposal-object-rest-spread@7.20.7: This proposal has been merged to the ECMAScript standard and thus this plugin is no longer maintained. Please use @babel/plugin-transform-object-rest-spread instead.
npm warn deprecated trim@0.0.1: Use String.prototype.trim() instead
npm warn deprecated source-map-resolve@0.5.3: See https://github.com/lydell/source-map-resolve#deprecated
npm warn deprecated chokidar@2.1.8: Chokidar 2 does not receive security updates since 2019. Upgrade to chokidar 3 with 15x fewer dependencies
npm warn deprecated resolve-url@0.2.1: https://github.com/lydell/resolve-url#deprecated
npm warn deprecated jssha@2.4.2: jsSHA versions < 3.0.0 will no longer receive feature updates
npm warn deprecated @babel/polyfill@7.12.1: 🚨 This package has been deprecated in favor of separate inclusion of a polyfill and regenerator-runtime (when
needed). See the @babel/polyfill docs (https://babeljs.io/docs/en/babel-polyfill) for more information.
npm warn deprecated uuid@3.4.0: Please upgrade to version 7 or higher. Older versions may use Math.random() in certain circumstances, which is known to be problematic. See https://v8.dev/blog/math-random for details.
npm warn deprecated request@2.88.2: request has been deprecated, see request/request#3142
npm warn deprecated puppeteer@1.20.0: < 21.5.0 is no longer supported
npm warn deprecated core-js@2.6.12: core-js@<3.23.3 is no longer maintained and not recommended for usage due to the number of issues. Because of the V8 engine whims, feature detection in old core-js versions could cause a slowdown up to 100x even if nothing is polyfilled. Some versions have web compatibility issues. Please, upgrade your dependencies to the actual version of core-js.
lerna success exec Executed command in 3 packages: "npm i"
🟢 Finished installing npm dependencies for component packages: {dash-core-components,dash-html-comp onents,dash-table} 🟢
npx lerna exec --concurrency 3 --scope='{dash-core-components,dash-html-components,dash-table}' -- npm run build
🛑 lerna notice cli v6.6.2
lerna info versioning independent
lerna notice filter including "{dash-core-components,dash-html-components,dash-table}"
lerna info filter [ '{dash-core-components,dash-html-components,dash-table}' ]
lerna info Executing command in 3 packages: "npm run build"
node:fs:2346
return binding.writeFileUtf8(
^
.react.js'ENT: no such file or directory, open 'C:\Users\PC\dash\components\dash-html-components\src\components\A
at Object.writeFileSync (node:fs:2346:20)
at writeComponents (C:\Users\PC\dash\components\dash-html-components\scripts\generate-components.js:361:12)
at Object. (C:\Users\PC\dash\components\dash-html-components\scripts\generate-components.js:384:1)
at Module._compile (node:internal/modules/cjs/loader:1358:14)
at Module._extensions..js (node:internal/modules/cjs/loader:1416:10)
at Module.load (node:internal/modules/cjs/loader:1208:32)
at Module._load (node:internal/modules/cjs/loader:1024:12)
at Function.executeUserEntryPoint [as runMain] (node:internal/modules/run_main:174:12)
at node:internal/main/run_main_module:28:49 {
errno: -4058,
code: 'ENOENT',
syscall: 'open',
path: 'C:\Users\PC\dash\components\dash-html-components\src\components\A\r.react.js'
}
lerna ERR! npm run build exited 1 in 'dash-html-components'
lerna ERR! npm run build exited 1 in 'dash-html-components'
lerna WARN complete Waiting for 2 child processes to exit. CTRL-C to exit immediately.
Browserslist: caniuse-lite is outdated. Please run:
npx update-browserslist-db@latest
Why you should do it regularly: https://github.com/browserslist/update-db#readme
(node:16044) [DEP_WEBPACK_RULE_LOADER_OPTIONS_STRING] DeprecationWarning: Using a string as loader options is deprecated (ruleSet[1].rules[3].use[2].options)
(Use node --trace-deprecation ... to show where the warning was created)
Browserslist: caniuse-lite is outdated. Please run:
npx update-browserslist-db@latest
Why you should do it regularly: https://github.com/browserslist/update-db#readme
'dash-generate-components' is not recognized as an internal or external command,
operable program or batch file.
ERROR: "build:backends" exited with 1.
'dash-generate-components' is not recognized as an internal or external command,
operable program or batch file.
ERROR: "private::build:backends" exited with 1.
Hi @Alfred-Emmanuel - my apologies, but we don't have one for you yet. As soon as we merge some upstream changes in plotly.js, this ought to get simpler, but we need to fix the bugs in that first. My apologies for the delay...
Activity
chriddyp commentedon Sep 10, 2020
In this UI
Biswa5812 commentedon Sep 11, 2020
Where is this particular UI available, under which folder?
chriddyp commentedon Sep 11, 2020
@Biswa5812 - It's in here: https://github.com/plotly/dash/tree/dev/dash-renderer/src/components/error/FrontEnd
chriddyp commentedon Sep 11, 2020
@Biswa5812 - Let us know if you end up taking a look at this one! This would be a good first issue to get started contributing to Dash.
Add an 'x' button to close the error messages popup plotly#1403
Updated css plotly#1403
One more css update to align the button plotly#1403
One more css update to align the button plotly#1403
Merge pull request #1508 from AnnMarieW/1403-x-button-to-close-error-box
Sable-20 commentedon Feb 28, 2023
Quick update for anyone looking at this
https://github.com/plotly/dash/tree/dev/dash/dash-renderer/src/components/error/FrontEnd
issue can be found here, there was a update adding /dash/
[-]An 'x' button to close the error messages popup[/-][+]add an 'x' button to close the error messages popup[/+]2 remaining items
gvwilson commentedon Aug 19, 2024
@Alfred-Emmanuel sure - if you would like to submit a PR we would be very happy to review it. thank you - @gvwilson
Alfred-Emmanuel commentedon Aug 19, 2024
Alright, will do. I'd let you know as soon as the PR is up
Alfred-Emmanuel commentedon Aug 19, 2024
Hi @gvwilson , I am running into some errors while trying to setup the project, could you please let me know the prerequisites i need to have installed before being able to setup the project locally? i have nodejs and python installed already.
I also feel like the prerequisites should be included in the contributing.md, i'd be more than happy to do this as soon as you let me know what those prerequisites are
gvwilson commentedon Aug 20, 2024
hi @Alfred-Emmanuel - are you using the instructions in
CONTRIBUTING.md? If so, where is it failing for you? (If you can paste a log into a comment here that would help.)Alfred-Emmanuel commentedon Aug 20, 2024
@gvwilson Yes, i am using the instructions in the CONTRIBUTING.md, everything was going well until i ran "npm run build", the log is quite long but this is it below
npm run build
npx lerna exec --concurrency 3 --scope='{dash-core-components,dash-html-components,dash-table}' -- npm i
lerna notice cli v6.6.2
lerna info versioning independent
lerna notice filter including "{dash-core-components,dash-html-components,dash-table}"
lerna info filter [ '{dash-core-components,dash-html-components,dash-table}' ]
lerna info Executing command in 3 packages: "npm i"
npm warn deprecated @npmcli/move-file@1.1.2: This functionality has been moved to @npmcli/fs
npm warn deprecated @babel/plugin-proposal-nullish-coalescing-operator@7.18.6: This proposal has been merged to the ECMAScript standard and thus this plugin is no longer maintained. Please use @babel/plugin-transform-nullish-coalescing-operator instead.
npm warn deprecated @babel/plugin-proposal-private-methods@7.18.6: This proposal has been merged to the ECMAScript standard and thus this plugin is no longer maintained. Please use @babel/plugin-transform-private-methods instead.
npm warn deprecated @babel/plugin-proposal-class-properties@7.18.6: This proposal has been merged to the ECMAScript standard and thus this plugin is no longer maintained. Please use @babel/plugin-transform-class-properties instead.
npm warn deprecated @babel/plugin-proposal-object-rest-spread@7.12.1: This proposal has been merged to the ECMAScript standard and thus this plugin is no longer maintained. Please use @babel/plugin-transform-object-rest-spread instead.
npm warn deprecated stable@0.1.8: Modern JS already guarantees Array#sort() is a stable sort, so this library is deprecated. See the compatibility table on MDN: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/sort#browser_compatibility
npm warn deprecated source-map-url@0.4.1: See https://github.com/lydell/source-map-url#deprecated
npm warn deprecated figgy-pudding@3.5.2: This module is no longer supported.
npm warn deprecated @babel/plugin-proposal-private-property-in-object@7.21.11: This proposal has been merged to the ECMAScript standard and thus this plugin is no longer maintained. Please use @babel/plugin-transform-private-property-in-object instead.
npm warn deprecated request-promise@4.2.6: request-promise has been deprecated because it extends the now deprecated request package, see request/request#3142
npm warn deprecated @babel/plugin-proposal-optional-chaining@7.21.0: This proposal has been merged to the ECMAScript standard and thus this plugin is no longer maintained. Please use @babel/plugin-transform-optional-chaining instead.
npm warn deprecated urix@0.1.0: Please see https://github.com/lydell/urix#deprecated
npm warn deprecated har-validator@5.1.5: this library is no longer supported
npm warn deprecated @babel/plugin-proposal-object-rest-spread@7.20.7: This proposal has been merged to the ECMAScript standard and thus this plugin is no longer maintained. Please use @babel/plugin-transform-object-rest-spread instead.
npm warn deprecated trim@0.0.1: Use String.prototype.trim() instead
npm warn deprecated source-map-resolve@0.5.3: See https://github.com/lydell/source-map-resolve#deprecated
npm warn deprecated chokidar@2.1.8: Chokidar 2 does not receive security updates since 2019. Upgrade to chokidar 3 with 15x fewer dependencies
npm warn deprecated resolve-url@0.2.1: https://github.com/lydell/resolve-url#deprecated
npm warn deprecated jssha@2.4.2: jsSHA versions < 3.0.0 will no longer receive feature updates
npm warn deprecated @babel/polyfill@7.12.1: 🚨 This package has been deprecated in favor of separate inclusion of a polyfill and regenerator-runtime (when
needed). See the @babel/polyfill docs (https://babeljs.io/docs/en/babel-polyfill) for more information.
npm warn deprecated uuid@3.4.0: Please upgrade to version 7 or higher. Older versions may use Math.random() in certain circumstances, which is known to be problematic. See https://v8.dev/blog/math-random for details.
npm warn deprecated request@2.88.2: request has been deprecated, see request/request#3142
npm warn deprecated puppeteer@1.20.0: < 21.5.0 is no longer supported
npm warn deprecated core-js@2.6.12: core-js@<3.23.3 is no longer maintained and not recommended for usage due to the number of issues. Because of the V8 engine whims, feature detection in old core-js versions could cause a slowdown up to 100x even if nothing is polyfilled. Some versions have web compatibility issues. Please, upgrade your dependencies to the actual version of core-js.
lerna success exec Executed command in 3 packages: "npm i"
🟢 Finished installing npm dependencies for component packages: {dash-core-components,dash-html-comp onents,dash-table} 🟢
npx lerna exec --concurrency 3 --scope='{dash-core-components,dash-html-components,dash-table}' -- npm run build
🛑 lerna notice cli v6.6.2
lerna info versioning independent
lerna notice filter including "{dash-core-components,dash-html-components,dash-table}"
lerna info filter [ '{dash-core-components,dash-html-components,dash-table}' ]
lerna info Executing command in 3 packages: "npm run build"
node:fs:2346
return binding.writeFileUtf8(
^
.react.js'ENT: no such file or directory, open 'C:\Users\PC\dash\components\dash-html-components\src\components\A
at Object.writeFileSync (node:fs:2346:20)
at writeComponents (C:\Users\PC\dash\components\dash-html-components\scripts\generate-components.js:361:12)
at Object. (C:\Users\PC\dash\components\dash-html-components\scripts\generate-components.js:384:1)
at Module._compile (node:internal/modules/cjs/loader:1358:14)
at Module._extensions..js (node:internal/modules/cjs/loader:1416:10)
at Module.load (node:internal/modules/cjs/loader:1208:32)
at Module._load (node:internal/modules/cjs/loader:1024:12)
at Function.executeUserEntryPoint [as runMain] (node:internal/modules/run_main:174:12)
at node:internal/main/run_main_module:28:49 {
errno: -4058,
code: 'ENOENT',
syscall: 'open',
path: 'C:\Users\PC\dash\components\dash-html-components\src\components\A\r.react.js'
}
lerna ERR! npm run build exited 1 in 'dash-html-components'
lerna ERR! npm run build exited 1 in 'dash-html-components'
lerna WARN complete Waiting for 2 child processes to exit. CTRL-C to exit immediately.
Browserslist: caniuse-lite is outdated. Please run:
npx update-browserslist-db@latest
Why you should do it regularly: https://github.com/browserslist/update-db#readme
(node:16044) [DEP_WEBPACK_RULE_LOADER_OPTIONS_STRING] DeprecationWarning: Using a string as loader options is deprecated (ruleSet[1].rules[3].use[2].options)
(Use
node --trace-deprecation ...to show where the warning was created)Browserslist: caniuse-lite is outdated. Please run:
npx update-browserslist-db@latest
Why you should do it regularly: https://github.com/browserslist/update-db#readme
'dash-generate-components' is not recognized as an internal or external command,
operable program or batch file.
ERROR: "build:backends" exited with 1.
'dash-generate-components' is not recognized as an internal or external command,
operable program or batch file.
ERROR: "private::build:backends" exited with 1.
🚨 Finished updating component packages: {dash-core-components,dash-html-components,dash-table} (status=1) 🚨
ERROR: "private::build.components" exited with 1.
gvwilson commentedon Aug 21, 2024
@Coding-with-Adam @archmoj either of you run into this?
Coding-with-Adam commentedon Aug 23, 2024
Hi @gvwilson I have not run into this, no.
Alfred-Emmanuel commentedon Aug 23, 2024
Oh well, i'm just going to try to find a way to get past it. i'd let you know how it goes
gvwilson commentedon Aug 23, 2024
@Alfred-Emmanuel we might have a simpler solution for you by the middle of next week - I'll give you a shout when I know more. thanks - @gvwilson
Alfred-Emmanuel commentedon Aug 30, 2024
Hi @gvwilson, i'm sending this message as a reminder about the solution
gvwilson commentedon Sep 3, 2024
Hi @Alfred-Emmanuel - my apologies, but we don't have one for you yet. As soon as we merge some upstream changes in plotly.js, this ought to get simpler, but we need to fix the bugs in that first. My apologies for the delay...
Alfred-Emmanuel commentedon Sep 3, 2024
It's alright @gvwilson , but don't forget to reach out whenever the changes has been made
Gannu456 commentedon Nov 21, 2024
is this issue already solved or i can work upon this?
kenshima4 commentedon Dec 16, 2024
I think this should be closed? It exists on dev.