polymerx/lit-loader-example

Example repository to show how the lit-loader works.

lit-loader-example's Issues

GET /index.html" Error (404): "Not found"

Starting with npm run start
and then opening any of the provided urls I try to open url in browser and get a blank page.
In log I have this:

> http-server dist

Starting up http-server, serving dist
Available on:
  http://127.0.0.1:8080
  http://127.94.0.1:8080
  http://192.168.2.3:8080
Hit CTRL-C to stop the server
[Wed Mar 20 2019 21:51:45 GMT+0100 (CET)] "GET /" "Mozilla/5.0 (Macintosh; Intel Mac OS X 10_13_6) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/72.0.3626.119 Safari/537.36"
[Wed Mar 20 2019 21:51:45 GMT+0100 (CET)] "GET /" Error (404): "Not found"
[Wed Mar 20 2019 21:51:59 GMT+0100 (CET)] "GET /index.html" "Mozilla/5.0 (Macintosh; Intel Mac OS X 10_13_6) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/72.0.3626.119 Safari/537.36"
[Wed Mar 20 2019 21:51:59 GMT+0100 (CET)] "GET /index.html" Error (404): "Not found"
[Wed Mar 20 2019 21:52:14 GMT+0100 (CET)] "GET /index.html" "Mozilla/5.0 (Macintosh; Intel Mac OS X 10_13_6) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/72.0.3626.119 Safari/537.36"
[Wed Mar 20 2019 21:52:14 GMT+0100 (CET)] "GET /index.html" Error (404): "Not found"

node -v
v8.11.3

npm -v
6.8.0

UnhandledPromiseRejectionWarning: SyntaxError: super() is only valid inside a class constructor of a subclass

Can't add and use lit-loader in own project.
To reproduce it:

➜  git clone https://github.com/PolymerX/lit-loader-example.git && cd lit-loader-element && yarn && yarn remove lit-loader && yarn add lit-loader && yarn build
yarn install v1.17.3
[1/5] Validating package.json...
[2/5] Resolving packages...
[3/5] Fetching packages...
info [email protected]: The platform "linux" is incompatible with this module.
info "[email protected]" is an optional dependency and failed compatibility check. Excluding it from installation.
[4/5] Linking dependencies...
warning " > [email protected]" has unmet peer dependency "babel-core@6".
[5/5] Building fresh packages...
Done in 3.70s.
yarn remove v1.17.3
[1/2] Removing module lit-loader...
[2/2] Regenerating lockfile and installing missing dependencies...
info [email protected]: The platform "linux" is incompatible with this module.
info "[email protected]" is an optional dependency and failed compatibility check. Excluding it from installation.
warning " > [email protected]" has unmet peer dependency "babel-core@6".
success Uninstalled packages.
Done in 2.97s.
yarn add v1.17.3
[1/5] Validating package.json...
[2/5] Resolving packages...
[3/5] Fetching packages...
info [email protected]: The platform "linux" is incompatible with this module.
info "[email protected]" is an optional dependency and failed compatibility check. Excluding it from installation.
[4/5] Linking dependencies...
warning " > [email protected]" has unmet peer dependency "babel-core@6".
[5/5] Building fresh packages...
success Saved lockfile.
success Saved 27 new dependencies.
info Direct dependencies
└─ [email protected]
info All dependencies
├─ @babel/[email protected]
├─ @babel/[email protected]
├─ [email protected]
├─ [email protected]
├─ [email protected]
├─ [email protected]
├─ [email protected]
├─ [email protected]
├─ [email protected]
├─ [email protected]
├─ [email protected]
├─ [email protected]
├─ [email protected]
├─ [email protected]
├─ [email protected]
├─ [email protected]
├─ [email protected]
├─ [email protected]
├─ [email protected]
├─ [email protected]
├─ [email protected]
├─ [email protected]
├─ [email protected]
├─ [email protected]
├─ [email protected]
├─ [email protected]
└─ [email protected]
Done in 5.52s.
yarn run v1.17.3
$ webpack
Hash: 2e50d27a4f13d42b9c67
Version: webpack 4.16.1
Time: 346ms
Built at: 07/25/2019 12:20:54 PM
     Asset       Size  Chunks             Chunk Names
 bundle.js    128 KiB       0  [emitted]  main
index.html  334 bytes          [emitted]
[0] ./src/index.js 66 bytes {0} [built]
[1] ./src/app.js 379 bytes {0} [built]
    + 18 hidden modules

ERROR in ./src/components/CounterElement.lit
Module build failed (from ./node_modules/babel-loader/lib/index.js):
Error: Cannot find module 'babel-core'
Require stack:
- /home/user/Projects/lit-loader-example/node_modules/babel-loader/lib/index.js
- /home/user/Projects/lit-loader-example/node_modules/loader-runner/lib/loadLoader.js
- /home/user/Projects/lit-loader-example/node_modules/loader-runner/lib/LoaderRunner.js
- /home/user/Projects/lit-loader-example/node_modules/webpack/lib/NormalModule.js
- /home/user/Projects/lit-loader-example/node_modules/webpack/lib/NormalModuleFactory.js
- /home/user/Projects/lit-loader-example/node_modules/webpack/lib/Compiler.js
- /home/user/Projects/lit-loader-example/node_modules/webpack/lib/webpack.js
- /home/user/Projects/lit-loader-example/node_modules/webpack-cli/bin/convert-argv.js
- /home/user/Projects/lit-loader-example/node_modules/webpack-cli/bin/cli.js
- /home/user/Projects/lit-loader-example/node_modules/webpack/bin/webpack.js
    at Function.Module._resolveFilename (internal/modules/cjs/loader.js:625:15)
    at Function.Module._load (internal/modules/cjs/loader.js:527:27)
    at Module.require (internal/modules/cjs/loader.js:683:19)
    at require (/home/user/Projects/lit-loader-example/node_modules/v8-compile-cache/v8-compile-cache.js:159:20)
    at Object.<anonymous> (/home/user/Projects/lit-loader-example/node_modules/babel-loader/lib/index.js:3:13)
    at Module._compile (/home/user/Projects/lit-loader-example/node_modules/v8-compile-cache/v8-compile-cache.js:178:30)
    at Object.Module._extensions..js (internal/modules/cjs/loader.js:787:10)
    at Module.load (internal/modules/cjs/loader.js:643:32)
    at Function.Module._load (internal/modules/cjs/loader.js:556:12)
    at Module.require (internal/modules/cjs/loader.js:683:19)
    at require (/home/user/Projects/lit-loader-example/node_modules/v8-compile-cache/v8-compile-cache.js:159:20)
    at loadLoader (/home/user/Projects/lit-loader-example/node_modules/loader-runner/lib/loadLoader.js:13:17)
    at iteratePitchingLoaders (/home/user/Projects/lit-loader-example/node_modules/loader-runner/lib/LoaderRunner.js:169:2)
    at runLoaders (/home/user/Projects/lit-loader-example/node_modules/loader-runner/lib/LoaderRunner.js:362:2)
    at NormalModule.doBuild (/home/user/Projects/lit-loader-example/node_modules/webpack/lib/NormalModule.js:263:3)
    at NormalModule.build (/home/user/Projects/lit-loader-example/node_modules/webpack/lib/NormalModule.js:410:15)
    at Compilation.buildModule (/home/user/Projects/lit-loader-example/node_modules/webpack/lib/Compilation.js:616:10)
    at /home/user/Projects/lit-loader-example/node_modules/webpack/lib/Compilation.js:857:14
    at /home/user/Projects/lit-loader-example/node_modules/webpack/lib/NormalModuleFactory.js:405:6
    at /home/user/Projects/lit-loader-example/node_modules/webpack/lib/NormalModuleFactory.js:155:13
    at AsyncSeriesWaterfallHook.eval [as callAsync] (eval at create (/home/user/Projects/lit-loader-example/node_modules/tapable/lib/HookCodeFactory.js:24:12), <anonymous>:6:1)
    at /home/user/Projects/lit-loader-example/node_modules/webpack/lib/NormalModuleFactory.js:138:29
    at /home/user/Projects/lit-loader-example/node_modules/webpack/lib/NormalModuleFactory.js:342:9
    at processTicksAndRejections (internal/process/task_queues.js:75:11)
 @ ./src/app.js 5:0-41
 @ ./src/index.js
Child html-webpack-plugin for "index.html":
     1 asset
    [0] ./node_modules/html-webpack-plugin/lib/loader.js!./src/index.html 571 bytes {0} [built]
    [2] (webpack)/buildin/global.js 489 bytes {0} [built]
    [3] (webpack)/buildin/module.js 497 bytes {0} [built]
        + 1 hidden module
error Command failed with exit code 2.
info Visit https://yarnpkg.com/en/docs/cli/run for documentation about this command.

Ok. Then:

➜  lit-loader-example git:(master) ✗ yarn remove babel-loader && yarn add babel-loader && yarn build
yarn remove v1.17.3
[1/2] Removing module babel-loader...
[2/2] Regenerating lockfile and installing missing dependencies...
info [email protected]: The platform "linux" is incompatible with this module.
info "[email protected]" is an optional dependency and failed compatibility check. Excluding it from installation.
success Uninstalled packages.
Done in 2.76s.
yarn add v1.17.3
[1/5] Validating package.json...
[2/5] Resolving packages...
[3/5] Fetching packages...
info [email protected]: The platform "linux" is incompatible with this module.
info "[email protected]" is an optional dependency and failed compatibility check. Excluding it from installation.
[4/5] Linking dependencies...
[5/5] Building fresh packages...
success Saved lockfile.
success Saved 1 new dependency.
info Direct dependencies
└─ [email protected]
info All dependencies
└─ [email protected]
Done in 2.76s.
yarn run v1.17.3
$ webpack
(node:12799) UnhandledPromiseRejectionWarning: SyntaxError: super() is only valid inside a class constructor of a subclass. Maybe a typo in the method name ('constructor') or not extending another class? (13:6)
    at Object.raise (/home/user/Projects/lit-loader-example/node_modules/@babel/parser/lib/index.js:6325:17)
    at Object.parseExprAtom (/home/user/Projects/lit-loader-example/node_modules/@babel/parser/lib/index.js:8667:16)
    at Object.parseExprAtom (/home/user/Projects/lit-loader-example/node_modules/@babel/parser/lib/index.js:460:22)
    at Object.parseExprAtom (/home/user/Projects/lit-loader-example/node_modules/@babel/parser/lib/index.js:3601:20)
    at Object.parseExprSubscripts (/home/user/Projects/lit-loader-example/node_modules/@babel/parser/lib/index.js:8412:23)
    at Object.parseMaybeUnary (/home/user/Projects/lit-loader-example/node_modules/@babel/parser/lib/index.js:8392:21)
    at Object.parseExprOps (/home/user/Projects/lit-loader-example/node_modules/@babel/parser/lib/index.js:8267:23)
    at Object.parseMaybeConditional (/home/user/Projects/lit-loader-example/node_modules/@babel/parser/lib/index.js:8240:23)
    at Object.parseMaybeAssign (/home/user/Projects/lit-loader-example/node_modules/@babel/parser/lib/index.js:8187:21)
    at Object.parseExpression (/home/user/Projects/lit-loader-example/node_modules/@babel/parser/lib/index.js:8135:23)
    at Object.parseStatementContent (/home/user/Projects/lit-loader-example/node_modules/@babel/parser/lib/index.js:9958:23)
    at Object.parseStatement (/home/user/Projects/lit-loader-example/node_modules/@babel/parser/lib/index.js:9829:17)
    at Object.parseBlockOrModuleBlockBody (/home/user/Projects/lit-loader-example/node_modules/@babel/parser/lib/index.js:10405:25)
    at Object.parseBlockBody (/home/user/Projects/lit-loader-example/node_modules/@babel/parser/lib/index.js:10392:10)
    at Object.parseBlockBody (/home/user/Projects/lit-loader-example/node_modules/@babel/parser/lib/index.js:424:11)
    at Object.parseBlock (/home/user/Projects/lit-loader-example/node_modules/@babel/parser/lib/index.js:10376:10)
    at Object.parseFunctionBody (/home/user/Projects/lit-loader-example/node_modules/@babel/parser/lib/index.js:9424:24)
    at Object.parseFunctionBody (/home/user/Projects/lit-loader-example/node_modules/@babel/parser/lib/index.js:472:11)
    at Object.parseFunctionBodyAndFinish (/home/user/Projects/lit-loader-example/node_modules/@babel/parser/lib/index.js:9394:10)
    at Object.parseMethod (/home/user/Projects/lit-loader-example/node_modules/@babel/parser/lib/index.js:9348:10)
    at Object.parseMethod (/home/user/Projects/lit-loader-example/node_modules/@babel/parser/lib/index.js:479:22)
    at Object.pushClassMethod (/home/user/Projects/lit-loader-example/node_modules/@babel/parser/lib/index.js:431:10)
    at Object.parseClassMemberWithIsStatic (/home/user/Projects/lit-loader-example/node_modules/@babel/parser/lib/index.js:10729:12)
    at Object.parseClassMember (/home/user/Projects/lit-loader-example/node_modules/@babel/parser/lib/index.js:10668:10)
    at /home/user/Projects/lit-loader-example/node_modules/@babel/parser/lib/index.js:10623:14
    at Object.withTopicForbiddingContext (/home/user/Projects/lit-loader-example/node_modules/@babel/parser/lib/index.js:9702:14)
    at Object.parseClassBody (/home/user/Projects/lit-loader-example/node_modules/@babel/parser/lib/index.js:10600:10)
    at Object.parseClass (/home/user/Projects/lit-loader-example/node_modules/@babel/parser/lib/index.js:10574:22)
    at Object.parseExportDefaultExpression (/home/user/Projects/lit-loader-example/node_modules/@babel/parser/lib/index.js:10999:19)
    at Object.parseExport (/home/user/Projects/lit-loader-example/node_modules/@babel/parser/lib/index.js:10905:31)
(node:12799) UnhandledPromiseRejectionWarning: Unhandled promise rejection. This error originated either by throwing inside of an async function without a catch block, or by rejecting a promise which was not handled with .catch(). (rejection id: 1)
(node:12799) [DEP0018] DeprecationWarning: Unhandled promise rejections are deprecated. In the future, promise rejections that are not handled will terminate the Node.js process with a non-zero exit code.
Done in 2.10s.

lit-loader is not installed as a dependency

I had to install lit-loader myself... it was a bit confusing :)

Error: Cannot find module 'babel-core'

I have got an error If i remove yarn.lock, reinstall dependencies and run yarn build:

lit-loader-example git:(master) ✗ rm -rf yarn.lock node_modules && yarn && yarn build
yarn run v1.17.3
$ webpack
Hash: 3e62e3a7d9b5ae6f1900
Version: webpack 4.16.1
Time: 331ms
Built at: 07/24/2019 12:36:13 PM
     Asset       Size  Chunks             Chunk Names
 bundle.js    136 KiB       0  [emitted]  main
index.html  334 bytes          [emitted]
[0] ./src/index.js 66 bytes {0} [built]
[1] ./src/app.js 379 bytes {0} [built]
    + 18 hidden modules

ERROR in ./src/components/CounterElement.lit
Module build failed (from ./node_modules/babel-loader/lib/index.js):
Error: Cannot find module 'babel-core'
Require stack:
- /home/user/Projects/lit-loader-example/node_modules/babel-loader/lib/index.js
- /home/user/Projects/lit-loader-example/node_modules/loader-runner/lib/loadLoader.js
- /home/user/Projects/lit-loader-example/node_modules/loader-runner/lib/LoaderRunner.js
- /home/user/Projects/lit-loader-example/node_modules/webpack/lib/NormalModule.js
- /home/user/Projects/lit-loader-example/node_modules/webpack/lib/NormalModuleFactory.js
- /home/user/Projects/lit-loader-example/node_modules/webpack/lib/Compiler.js
- /home/user/Projects/lit-loader-example/node_modules/webpack/lib/webpack.js
- /home/user/Projects/lit-loader-example/node_modules/webpack-cli/bin/convert-argv.js
- /home/user/Projects/lit-loader-example/node_modules/webpack-cli/bin/cli.js
- /home/user/Projects/lit-loader-example/node_modules/webpack/bin/webpack.js
    at Function.Module._resolveFilename (internal/modules/cjs/loader.js:625:15)
    at Function.Module._load (internal/modules/cjs/loader.js:527:27)
    at Module.require (internal/modules/cjs/loader.js:683:19)
    at require (/home/user/Projects/lit-loader-example/node_modules/v8-compile-cache/v8-compile-cache.js:161:20)
    at Object.<anonymous> (/home/user/Projects/lit-loader-example/node_modules/babel-loader/lib/index.js:3:13)
    at Module._compile (/home/user/Projects/lit-loader-example/node_modules/v8-compile-cache/v8-compile-cache.js:192:30)
    at Object.Module._extensions..js (internal/modules/cjs/loader.js:787:10)
    at Module.load (internal/modules/cjs/loader.js:643:32)
    at Function.Module._load (internal/modules/cjs/loader.js:556:12)
    at Module.require (internal/modules/cjs/loader.js:683:19)
    at require (/home/user/Projects/lit-loader-example/node_modules/v8-compile-cache/v8-compile-cache.js:161:20)
    at loadLoader (/home/user/Projects/lit-loader-example/node_modules/loader-runner/lib/loadLoader.js:18:17)
    at iteratePitchingLoaders (/home/user/Projects/lit-loader-example/node_modules/loader-runner/lib/LoaderRunner.js:169:2)
    at runLoaders (/home/user/Projects/lit-loader-example/node_modules/loader-runner/lib/LoaderRunner.js:365:2)
    at NormalModule.doBuild (/home/user/Projects/lit-loader-example/node_modules/webpack/lib/NormalModule.js:263:3)
    at NormalModule.build (/home/user/Projects/lit-loader-example/node_modules/webpack/lib/NormalModule.js:410:15)
    at Compilation.buildModule (/home/user/Projects/lit-loader-example/node_modules/webpack/lib/Compilation.js:616:10)
    at /home/user/Projects/lit-loader-example/node_modules/webpack/lib/Compilation.js:857:14
    at /home/user/Projects/lit-loader-example/node_modules/webpack/lib/NormalModuleFactory.js:405:6
    at /home/user/Projects/lit-loader-example/node_modules/webpack/lib/NormalModuleFactory.js:155:13
    at AsyncSeriesWaterfallHook.eval [as callAsync] (eval at create (/home/user/Projects/lit-loader-example/node_modules/tapable/lib/HookCodeFactory.js:33:10), <anonymous>:6:1)
    at /home/user/Projects/lit-loader-example/node_modules/webpack/lib/NormalModuleFactory.js:138:29
    at /home/user/Projects/lit-loader-example/node_modules/webpack/lib/NormalModuleFactory.js:342:9
    at processTicksAndRejections (internal/process/task_queues.js:75:11)
 @ ./src/app.js 5:0-41
 @ ./src/index.js
Child html-webpack-plugin for "index.html":
     1 asset
    [0] ./node_modules/html-webpack-plugin/lib/loader.js!./src/index.html 538 bytes {0} [built]
    [2] (webpack)/buildin/global.js 489 bytes {0} [built]
    [3] (webpack)/buildin/module.js 497 bytes {0} [built]
        + 1 hidden module
error Command failed with exit code 2.
info Visit https://yarnpkg.com/en/docs/cli/run for documentation about this command.

运行不了

(node:9720) UnhandledPromiseRejectionWarning: SyntaxError: Unexpected token, expected "{" (5:57)
at Object._raise (E:\vscode\lit-loader-example\node_modules_@[email protected]@@babel\parser\lib\index.js:766:17)