auth0-blog / angular2-electron Goto Github PK

View Code? Open in Web Editor NEW

169.0 169.0 59.0 25 KB

TypeScript 61.28% HTML 7.44% JavaScript 30.65% CSS 0.62%

angular2-electron's People

Contributors

Stargazers

Watchers

angular2-electron's Issues

Typescript not compiling correctly

When running npm run build, I get the following output:

ERROR in /Users/amila/Documents/Projects/angular2-electron/node_modules/angular2/src/facade/promise.d.ts
(1,10): error TS2661: Cannot re-export name that is not defined in the module.

This is the entire output:

➜  angular2-electron git:(master) ✗ npm run build

> [email protected] build /Users/amila/Documents/Projects/angular2-electron
> webpack --progress --profile --colors --display-error-details --display-cached

 20% 7/42 build modulests-loader: Using [email protected] and /Users/amila/Documents/Projects/angular2-electron/tsconfig.json
4932ms build modules
30ms seal
53ms optimize
32ms hashing
69ms create chunk assets
2ms additional chunk assets
1755ms optimize chunk assets
1464ms optimize assets
115ms emit
Hash: 21e3a0238942634c0f3b
Version: webpack 1.12.14
Time: 8482ms
          Asset     Size  Chunks             Chunk Names
    angular2.js  3.48 MB    0, 2  [emitted]  angular2
         app.js  1.71 MB    1, 2  [emitted]  app
      common.js  3.66 kB       2  [emitted]  common
angular2.js.map  3.76 MB    0, 2  [emitted]  angular2
     app.js.map  1.81 MB    1, 2  [emitted]  app
  common.js.map  3.68 kB       2  [emitted]  common
   [0] multi angular2 76 bytes {0} [built]
       factory:0ms building:2ms = 2ms
 [245] external "crypto" 42 bytes {0} [not cacheable]
       ... -> factory:1ms building:0ms
    + 488 hidden modules

ERROR in /Users/amila/Documents/Projects/angular2-electron/node_modules/angular2/src/facade/promise.d.ts
(1,10): error TS2661: Cannot re-export name that is not defined in the module.

bootstrap.min.css net::ERR_FILE_NOT_FOUND

Hello, great article here. I downloaded the project and line 5 ...bootstrap.min.css reference in app > index.html causes this error:

angular2-electron-master/node_modules/bootstrap/dist/css/bootstrap.min.css net::ERR_FILE_NOT_FOUND

Bootstraps not part of the package.json

{
  "name": "image-size-calculator",
  "version": "0.0.1",
  "description": "",
  "main": "index.js",
  "scripts": {
    "build": "webpack --progress --profile --colors --display-error-details --display-cached",
    "watch": "webpack --watch --progress --profile --colors --display-error-details --display-cached",
    "electron": "electron app"
  },
  "author": "Auth0",
  "license": "MIT",
  "devDependencies": {
    "electron-prebuilt": "^1.2.0",
    "es6-shim": "^0.34.0",
    "ts-loader": "^0.8.2",
    "typescript": "^1.8.10",
    "typings": "^0.8.1",
    "webpack": "^1.12.9",
    "webpack-dev-server": "^1.14.0"
  },
  "dependencies": {
    "@angular/common": "2.0.0-rc.1",
    "@angular/compiler": "2.0.0-rc.1",
    "@angular/core": "2.0.0-rc.1",
    "@angular/http": "2.0.0-rc.1",
    "@angular/platform-browser": "2.0.0-rc.1",
    "@angular/platform-browser-dynamic": "2.0.0-rc.1",
    "@angular/router": "2.0.0-rc.1",
    "es6-shim": "^0.35.0",
    "reflect-metadata": "0.1.3",
    "rxjs": "5.0.0-beta.6",
    "systemjs": "0.19.26",
    "zone.js": "^0.6.12"
  }
}

Is this line here by mistake?

Also this error:

Template parse warnings:
"#" inside of expressions is deprecated. Use "let" instead! ("
        </div>

        <div class="media" [ERROR ->]*ngFor="#image of images">
          <div class="media-left">
            <a href="#">
"): App@15:24

I think this lines need to be changed in app.ts

<div class="media" *ngFor="#image of images">
to:

<div class="media" *ngFor="let image of images">

problem with webpack --colors option in scripts in package.json

Hi,
it seems in order to build and watch i had to modify your package.json. The problem was the --colors option.

"scripts": { "build": "webpack --progress --profile --display-error-details --display-cached", "watch": "webpack --watch --progress --profile --display-error-details --display-cached", "electron": "electron app" },

Problem adding sqlite3 to project

Apologies if this is not directly related to angular2-electron, but I spent quite a bit of time looking for a fix and couldn't find one. I'm new to webpack and electron.

I tried adding sqlite3 to the project and requiring it:

npm install sqlite3 -S

app.ts

var sql=require("sqlite3")

but the build fails with a lot of warnings and finally an error, eg:

WARNING in ./~/sqlite3/lib/sqlite3.js
Critical dependencies:
4:14-35 the request of a dependency is an expression
 @ ./~/sqlite3/lib/sqlite3.js 4:14-35

WARNING in ./~/sqlite3/~/node-pre-gyp/lib/util/nw-pre-gyp/index.html                                                                                                      
Module parse failed: xxxxx\angular2-electron\node_modules\sqlite3\node_modules\node-pre-gyp\lib\util\nw-pre-gyp\index.html Line 1: Unexpected token <

You may need an appropriate loader to handle this file type.                                                                                                              
| <!doctype html>                                                                                                                                                         
| <html>                                                                                                                                                                  
| <head>                                                                                                                                                                  
 @ ./~/sqlite3/~/node-pre-gyp/lib ^\.\/.*$

WARNING in ./~/sqlite3/~/node-pre-gyp/lib/util/compile.js
Module not found: Error: Cannot resolve module 'node-gyp'

ERROR in ./~/sqlite3/~/node-pre-gyp/~/rc/index.js
Module parse failed: xxxxx\angular2-electron\node_modules\sqlite3\node_modules\node-pre-gyp\node_modules\rc\index.js Line 1: Unexpected token ILLEGAL

You may need an appropriate loader to handle this file type.
| #! /usr/bin/env node
| var cc   = require('./lib/utils')
| var join = require('path').join
 @ ./~/sqlite3/~/node-pre-gyp/lib/info.js 11:13-26```

I am pretty sure this is something to do with sqlite3 having native code, but am not sure how to fix this in a webpack/electron build.

Any help/pointers appreciated.

License file missing and Readme does not comply with template

License file should be added.
The readme should group together issue tracking, author and license sections at the bottom of the file. Also license section should link to license file.

Error on dropping an image

Just got this up and running. However, when I try to drop an image, I got this error in browser console:

WARNING: sanitizing unsafe URL value C:\temp\home.jpg (see http://g.co/ng/security#xss)
browser_adapter.js:122 

WARNING: sanitizing unsafe URL value C:\temp\home.jpg (see http://g.co/ng/security#xss)
unsafe:C:\temp\home.jpg:1 

GET unsafe:C:\temp\home.jpg net::ERR_UNKNOWN_URL_SCHEME

And image doesn't show up. What's the workaround?

angular2.ts was removed but is still referenced in index.html

https://github.com/auth0/angular2-electron/blob/22801161b83397bff68f515bfa79b784ccee4ebd/app/index.html

npm bugs angular2-electron

'cp' is not recognized as an internal or external command,
operable program or batch file.

npm ERR! Windows_NT 6.1.7601
npm ERR! argv "C:\Program Files\nodejs\node.exe" "C:\Program Files\nodejs\node_modules\npm\bin\npm-cli.js" "run" "build-electron"
npm ERR! node v7.6.0
npm ERR! npm v4.1.2
npm ERR! code ELIFECYCLE
npm ERR! [email protected] build-electron: ng build --base-href . && cp src/electron/* dist
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the [email protected] build-electron script 'ng build --base-href . && cp src/electron/* dist'.
npm ERR! Make sure you have the latest version of node.js and npm installed.
npm ERR! If you do, this is most likely a problem with the angular2-electron package,
npm ERR! not with npm itself.
npm ERR! Tell the author that this fails on your system:
npm ERR! ng build --base-href . && cp src/electron/* dist
npm ERR! You can get information on how to open an issue for this project with:
npm ERR! npm bugs angular2-electron

Wrong License title in the README

Not really an issue but title should be License in the MIT section.

Duplicate dependency in package.json

"es6-shim" is both in dev dependency and general dependency

how to reload electron on save?

Is there a way that we can call to relaunch the electron app once a file has been modified? I mean, after transpiling and all that stuff

Angular 2 CLI integration

Any plans to update this to get an Electron app up and running with the Angular CLI? I've been trying but can't get it to work.

"npm start" fails on Windows

Am I the first one running this in Windows? I got this error after cloning and run npm start:

'cp' is not recognized as an internal or external command, operable program or batch file.
npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! [email protected] build-electron: `ng build --base-href . && cp s
rc/electron/* dist`
npm ERR! Exit status 1
npm ERR!

As I figured out, cp in Lunux is copy in windows. However, we also need to change the path seperators, so change this line:

"build-electron": "ng build --base-href . && cp src/electron/* dist",
to this will make npm start work in windows.

"build-electron": "ng build --base-href . && copy src\\electron\\* dist",

Hope it helps someone down the road.

auth0-blog / angular2-electron Goto Github PK

angular2-electron's People

Contributors

Stargazers

Watchers

Forkers

angular2-electron's Issues

Recommend Projects

Recommend Topics

Recommend Org