dash-core-components
dash-core-components copied to clipboard
npm start doesnt work
I followed the Readme instructions and ran npm start
, the terminal looks good, but when I open the browser I get a white page and the browser console says:
SyntaxError: expected expression, got ','
This is what my terminal says:
> webpack-serve ./webpack.serve.config.js --open
ℹ 「hot」: WebSocket Server Listening on localhost:34257
ℹ 「hot」: Applying DefinePlugin:__hotClientOptions__
ℹ 「hot」: webpack: Compiling...
ℹ 「serve」: Serving Static Content from: /
ℹ 「serve」: Project is running at http://localhost:8080
Browserslist: caniuse-lite is outdated. Please run next command `npm update`
ℹ 「wdm」: wait until bundle finished:
ℹ 「wdm」: wait until bundle finished: /
ℹ 「hot」: webpack: Compiling Done
ℹ 「wdm」: Hash: 5dba92faa381db2939c1
Version: webpack 4.40.2
Time: 5597ms
Built at: 05/12/2020 3:30:59 PM
Asset Size Chunks Chunk Names
./output.js 5.43 MiB main [emitted] main
./output.js.map 36.8 KiB main [emitted] [dev] main
async-datepicker.js 1.67 MiB async-datepicker [emitted] async-datepicker
async-datepicker.js.map 96 bytes async-datepicker [emitted] [dev] async-datepicker
async-dropdown.js 385 KiB async-dropdown [emitted] async-dropdown
async-dropdown.js.map 94 bytes async-dropdown [emitted] [dev] async-dropdown
async-graph.js 72.5 KiB async-graph [emitted] async-graph
async-graph.js.map 91 bytes async-graph [emitted] [dev] async-graph
async-highlight.js 105 KiB async-highlight [emitted] async-highlight
async-highlight.js.map 95 bytes async-highlight [emitted] [dev] async-highlight
async-markdown.js 457 KiB async-markdown [emitted] async-markdown
async-markdown.js.map 94 bytes async-markdown [emitted] [dev] async-markdown
async-plotlyjs.js 3.34 MiB async-plotlyjs [emitted] async-plotlyjs
async-slider.js 337 KiB async-slider [emitted] async-slider
async-slider.js.map 92 bytes async-slider [emitted] [dev] async-slider
async-upload.js 39.8 KiB async-upload [emitted] async-upload
async-upload.js.map 92 bytes async-upload [emitted] [dev] async-upload
dash_core_components-shared.js 158 KiB dash_core_components-shared [emitted] dash_core_components-shared
dash_core_components-shared.js.map 107 bytes dash_core_components-shared [emitted] [dev] dash_core_components-shared
Entrypoint main = ./output.js ./output.js.map
[1] multi webpack-hot-client/client?ef43fb17-5b4d-4e54-a12e-d8523b93ff32 ./demo/index.js 40 bytes {main} [built]
[./demo/Demo.react.js] 10.2 KiB {main} [built]
[./demo/LoadingDemo.react.js] 2.58 KiB {main} [built]
[./demo/index.js] 551 bytes {main} [built]
[./node_modules/component-playground/es/index.js] 77 bytes {main} [built]
[./node_modules/loglevelnext/dist/loglevelnext.js] 55.9 KiB {main} [built]
[./node_modules/react-dates/lib/css/_datepicker.css] 1.05 KiB {main} [built]
[./node_modules/react-dom/cjs/react-dom.development.js] 839 KiB {main} [built]
[./node_modules/react-dom/index.js] 1.33 KiB {main} [built]
[./node_modules/react/index.js] 190 bytes {main} [built]
[./node_modules/webpack-hot-client/client/hot.js] (webpack)-hot-client/client/hot.js 4.91 KiB {main} [built]
[./node_modules/webpack-hot-client/client/index.js?ef43fb17-5b4d-4e54-a12e-d8523b93ff32] (webpack)-hot-client/client?ef43fb17-5b4d-4e54-a12e-d8523b93ff32 2.49 KiB {main} [built]
[./node_modules/webpack-hot-client/client/log.js] (webpack)-hot-client/client/log.js 2.82 KiB {main} [built]
[./node_modules/webpack-hot-client/client/socket.js] (webpack)-hot-client/client/socket.js 1.45 KiB {main} [built]
[./src/index.js] 1.54 KiB {main} [built]
+ 1531 hidden modules
ℹ 「wdm」: Compiled successfully.
Browser Console:
I have the same issue. Diving into the js, the error seems to originate from the second line of this block,
/******/ // __webpack_public_path__
/******/ __webpack_require__.p = "";,var getCurrentScript = function() {
/******/ var script = document.currentScript;
/******/ if (!script) {
/******/ /* Shim for IE11 and below */
/******/ /* Do not take into account async scripts and inline scripts */
/******/
/******/ var doc_scripts = document.getElementsByTagName('script');
/******/ var scripts = [];
/******/
/******/ for (var i = 0; i < doc_scripts.length; i++) {
/******/ scripts.push(doc_scripts[i]);
/******/ }
/******/
/******/ scripts = scripts.filter(function(s) { return !s.async && !s.text && !s.textContent; });
/******/ script = scripts.slice(-1)[0];
/******/ }
/******/
/******/ return script;
/******/ };
I am not really sure how to proceed.