plotly / dash-core-components

OBSOLETE: now part of https://github.com/plotly/dash
https://dash.plotly.com
MIT License
271 stars 145 forks source link

npm start doesnt work #805

Open phifa opened 4 years ago

phifa commented 4 years ago

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:

image

emilhe commented 4 years ago

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.