vaadin-learning-center / using-web-components

Sample project showing Web Component usage in plain JavaScript
4 stars 4 forks source link

Npm run dev wont work #1

Open TicoGitHubII opened 4 years ago

TicoGitHubII commented 4 years ago

Hi thanks for the tutorial however followed exactly and project won't show in the browser

`$ npm run dev

web-components@1.0.0 dev C:\repos\web-components webpack-dev-server --env.mode development

i 「wds」: Project is running at http://localhost:8080/ i 「wds」: webpack output is served from / i 「wds」: Content not from webpack is served from C:\repos\web-compo × 「wdm」: Hash: 242bd802d773cad55a74 Version: webpack 4.39.0 Time: 3422ms Built at: 08/01/2019 6:36:48 PM Asset
Chunk Names index.html 1.

                                                   main.js   1.

main main.js.map 1. main webcomponents/bundles/webcomponents-ce.js 16

           webcomponents/bundles/webcomponents-sd-ce-pf.js    1

              webcomponents/bundles/webcomponents-sd-ce.js   80

                 webcomponents/bundles/webcomponents-sd.js   65

              webcomponents/custom-elements-es5-adapter.js  924

webcomponents/entrypoints/custom-elements-es5-adapter-index.js 656

   webcomponents/entrypoints/webcomponents-bundle-index.js   1.

       webcomponents/entrypoints/webcomponents-ce-index.js  672

    webcomponents/entrypoints/webcomponents-sd-ce-index.js  851

 webcomponents/entrypoints/webcomponents-sd-ce-pf-index.js   1.

       webcomponents/entrypoints/webcomponents-sd-index.js  761

                     webcomponents/webcomponents-bundle.js    1

                     webcomponents/webcomponents-loader.js   6.

Entrypoint main = main.js main.js.map [0] multi (webpack)-dev-server/client?http://localhost ./src 40 byt [./node_modules/@vaadin/vaadin-grid/theme/lumo/vaadin-grid.js] 422 [./node_modules/@vaadin/vaadin-grid/vaadin-grid.js] 38 bytes {main} [./node_modules/@vaadin/vaadin-text-field/theme/lumo/vaadin-text-fiuilt] [./node_modules/@vaadin/vaadin-text-field/vaadin-text-field.js] 44 [./node_modules/webpack-dev-server/client/index.js?http://localhostent?http://localhost 4.29 KiB {main} [built] [./node_modules/webpack-dev-server/client/overlay.js] (webpack)-dev 3.51 KiB {main} [built] [./node_modules/webpack-dev-server/client/socket.js] (webpack)-dev-[./node_modules/webpack-dev-server/client/utils/createSocketUrl.js] [./node_modules/webpack-dev-server/client/utils/log.js] (webpack)-d[./node_modules/webpack-dev-server/client/utils/reloadApp.js] (webp [./node_modules/webpack-dev-server/client/utils/sendMessage.js] (we[./node_modules/webpack-dev-server/node_modules/strip-ansi/index.js [./node_modules/webpack/hot sync ^.\/log$] (webpack)/hot sync nonr[./src/index.js] 785 bytes {main} [built]

nemethmik commented 2 years ago

Just Control+click on the http://localhost:8080/ in the line i 「wds」: Project is running at http://localhost:8080/ and it will work perfectly even today 2021.8.29