joaogarin / angular-electron Goto Github PK

Angular2 and Electron starter using webpack

JavaScript 51.91% TypeScript 39.01% HTML 6.41% CSS 2.67%

electron angular webpack

angular-electron's Introduction

Angular 2 electron starterkit featuring webpack

DEPRECATED

This repo makes no longer much sense as I would recommend using Electron forge template for Angular instead. for that reason I am no longer maintaining this repository.

A working demo of electron with angular using Webpack, ngrx and material2

This is a starter of angular (2 and above) and electron. Its a demo of oauth with github using angular and electron. It uses ngrx to manage state. You should create a config file as following :

{
    "github": {
        "client_id": "yourclientID",
        "client_secret": "yoursecretkey",
        "scopes": [
            "user:email",
            "notifications"
        ]
    }
}

and place this file inside the "app" folder.Dont use this in production as for production you should have a safe server side URI and not have your secret key in the app folder.

When running it authenticates the user and goes to a page showing the username received from the authentication oauth workflow.

Run the example

$ npm install
$ npm run build
$ npm run watch
$ npm run electron

Packaging

The app has support for packaging using 'electron-packager'

$ npm run package

Will run the package for OSX. You can also provide additional options to the package command such as

--name : The package name
--all : Will packaget the application to all the platforms
--arch : Arches to be provided
--icon : The icon for the app

License

MIT

angular-electron's People

Contributors

Stargazers

Watchers

Forkers

codelabspro gabrielaraujof oleksandrpopov-san4o legacy-account tosinbot alexweber six006 eeasss sernando nairod mhowell cloud602 dubiousandrew attermann web-techwatch marcos-souza-dev verdecchia nagarsuresh scoussens sangoon xiltch erik-seifert jacegem aredfox captainnik sreeman-narayanan usemodj yantrio dariusnorv 18steps kirisamemarisa brookstudio borrom-dev crazy-airhead rasmustg wahello yoctotta dolanmiu gpavlovic boubouhkarim jespmar mauriciorocha williams9438 neromaycry serabass doncolio007 xdougx aeikman troetz martachupil onclicksoluciones fengjliu

angular-electron's Issues

config.json is missing

Error on run build:

ERROR in ./src/app/services/authentication.ts
Module not found: Error: Can't resolve './../config.json' in '/Users/martinmajewski/Documents/Development/ElectronApps/Angular2El
ectron/src/app/services'
 @ ./src/app/services/authentication.ts 32:14-41
 @ ./src/app/app.ts

package @angular/cdk is needed.

ERROR in ./src/app/services/authentication.ts Module not found: Error: Cannot resolve 'file' or 'directory' ./../config.json when running npm run build

==> npm run build

[email protected] build /Users/coder/repos/codesdk/githubrepos/angular2-electron
npm run build:dev

[email protected] build:dev /Users/coder/repos/codesdk/githubrepos/angular2-electron
webpack --progress --profile --colors --display-error-details --display-cached

4935ms build modules
21ms seal
44ms optimize
20ms hashing
57ms create chunk assets
2ms additional chunk assets
1411ms optimize chunk assets
761ms optimize assets
45ms emit
Hash: a7d7fd54a52317de98f0
Version: webpack 1.13.0
Time: 7336ms
Asset Size Chunks Chunk Names
app.js 937 kB 0 [emitted] app
polyfills.js 319 kB 1 [emitted] polyfills
vendor.js 1 MB 2 [emitted] vendor
app.map 1.09 MB 0 [emitted] app
polyfills.map 399 kB 1 [emitted] polyfills
vendor.map 1.21 MB 2 [emitted] vendor
[346] external "electron" 42 bytes {0} [not cacheable]
... -> factory:2ms building:0ms
+ 639 hidden modules

ERROR in ./src/app/services/authentication.ts
Module not found: Error: Cannot resolve 'file' or 'directory' ./../config.json in /Users/coder/repos/codesdk/githubrepos/angular2-electron/src/app/services
resolve file
/Users/coder/repos/codesdk/githubrepos/angular2-electron/src/app/config.json doesn't exist
/Users/coder/repos/codesdk/githubrepos/angular2-electron/src/app/config.json.ts doesn't exist
/Users/coder/repos/codesdk/githubrepos/angular2-electron/src/app/config.json.async.ts doesn't exist
/Users/coder/repos/codesdk/githubrepos/angular2-electron/src/app/config.json.js doesn't exist
/Users/coder/repos/codesdk/githubrepos/angular2-electron/src/app/config.json.async.js doesn't exist
/Users/coder/repos/codesdk/githubrepos/angular2-electron/src/app/config.json.json doesn't exist
/Users/coder/repos/codesdk/githubrepos/angular2-electron/src/app/config.json.async.json doesn't exist
/Users/coder/repos/codesdk/githubrepos/angular2-electron/src/app/config.json.css doesn't exist
/Users/coder/repos/codesdk/githubrepos/angular2-electron/src/app/config.json.async.css doesn't exist
/Users/coder/repos/codesdk/githubrepos/angular2-electron/src/app/config.json.html doesn't exist
/Users/coder/repos/codesdk/githubrepos/angular2-electron/src/app/config.json.async.html doesn't exist
resolve directory
/Users/coder/repos/codesdk/githubrepos/angular2-electron/src/app/config.json doesn't exist (directory default file)
/Users/coder/repos/codesdk/githubrepos/angular2-electron/src/app/config.json/package.json doesn't exist (directory description file)
[/Users/coder/repos/codesdk/githubrepos/angular2-electron/src/app/config.json]
[/Users/coder/repos/codesdk/githubrepos/angular2-electron/src/app/config.json.ts]
[/Users/coder/repos/codesdk/githubrepos/angular2-electron/src/app/config.json.async.ts]
[/Users/coder/repos/codesdk/githubrepos/angular2-electron/src/app/config.json.js]
[/Users/coder/repos/codesdk/githubrepos/angular2-electron/src/app/config.json.async.js]
[/Users/coder/repos/codesdk/githubrepos/angular2-electron/src/app/config.json.json]
[/Users/coder/repos/codesdk/githubrepos/angular2-electron/src/app/config.json.async.json]
[/Users/coder/repos/codesdk/githubrepos/angular2-electron/src/app/config.json.css]
[/Users/coder/repos/codesdk/githubrepos/angular2-electron/src/app/config.json.async.css]
[/Users/coder/repos/codesdk/githubrepos/angular2-electron/src/app/config.json.html]
[/Users/coder/repos/codesdk/githubrepos/angular2-electron/src/app/config.json.async.html]
@ ./src/app/services/authentication.ts 35:14-41

Module Not Found

ERROR in ./src/app/services/authentication.ts
Module not found: Error: Can't resolve './../config.json' in 'C:\Users\FAMBO\Desktop\angular-electron-master\angular-electron-master\src\app\services'
@ ./src/app/services/authentication.ts 33:14-41
@ ./src/app/app.ts

Got this Error while Running the npm run watch command.

Fresh install Build error

Hi . I tried realy hard but i'm new in angular2/electron.
I can't build .
I get the following error at every try after a fresh clone, and a fresh install.

What i do :

npm install webpack -g
npm install electron -g
git clone https://github.com/joaogarin/angular2-electron
cd angular2-electron
npm install
npm run build

I tried on :

Linux Ubuntu
Windows 7
Windows 10

thank you for you help ! (s.f.m.b.e)

TypeError: Cannot read property 'request' of undefined
    at handleExternals (/home/ThomazPom/Desktop/angular2-electron/node_modules/webpack-target-electron-renderer/node_modules/webpack/lib/ExternalModuleFactoryPlugin.js:37:33)
    at next (/home/ThomazPom/Desktop/angular2-electron/node_modules/webpack-target-electron-renderer/node_modules/webpack/lib/ExternalModuleFactoryPlugin.js:46:8)
    at handleExternals (/home/ThomazPom/Desktop/angular2-electron/node_modules/webpack-target-electron-renderer/node_modules/webpack/lib/ExternalModuleFactoryPlugin.js:59:7)
    at ExternalModuleFactoryPlugin.<anonymous> (/home/ThomazPom/Desktop/angular2-electron/node_modules/webpack-target-electron-renderer/node_modules/webpack/lib/ExternalModuleFactoryPlugin.js:79:5)
    at /home/ThomazPom/Desktop/angular2-electron/node_modules/webpack/lib/NormalModuleFactory.js:207:3
    at NormalModuleFactory.applyPluginsAsyncWaterfall (/home/ThomazPom/Desktop/angular2-electron/node_modules/webpack/node_modules/tapable/lib/Tapable.js:196:70)
    at NormalModuleFactory.create (/home/ThomazPom/Desktop/angular2-electron/node_modules/webpack/lib/NormalModuleFactory.js:191:8)
    at Compilation.process [as _addModuleChain] (/home/ThomazPom/Desktop/angular2-electron/node_modules/webpack/lib/Compilation.js:359:16)
    at Compilation.process [as addEntry] (/home/ThomazPom/Desktop/angular2-electron/node_modules/webpack/lib/Compilation.js:435:7)
    at SingleEntryPlugin.<anonymous> (/home/ThomazPom/Desktop/angular2-electron/node_modules/webpack/lib/SingleEntryPlugin.js:22:15)
    at Compiler.applyPluginsParallel (/home/ThomazPom/Desktop/angular2-electron/node_modules/webpack/node_modules/tapable/lib/Tapable.js:229:14)
    at Compiler.<anonymous> (/home/ThomazPom/Desktop/angular2-electron/node_modules/webpack/lib/Compiler.js:463:8)
    at Compiler.applyPluginsAsyncSeries (/home/ThomazPom/Desktop/angular2-electron/node_modules/webpack/node_modules/tapable/lib/Tapable.js:131:46)
    at Compiler.compile (/home/ThomazPom/Desktop/angular2-electron/node_modules/webpack/lib/Compiler.js:456:7)
    at Compiler.<anonymous> (/home/ThomazPom/Desktop/angular2-electron/node_modules/webpack/lib/Compiler.js:219:10)
    at Compiler.readRecords (/home/ThomazPom/Desktop/angular2-electron/node_modules/webpack/lib/Compiler.js:367:10)
    at Compiler.<anonymous> (/home/ThomazPom/Desktop/angular2-electron/node_modules/webpack/lib/Compiler.js:216:9)
    at next (/home/ThomazPom/Desktop/angular2-electron/node_modules/webpack/node_modules/tapable/lib/Tapable.js:138:11)
    at Compiler.<anonymous> (/home/ThomazPom/Desktop/angular2-electron/node_modules/webpack/lib/CachePlugin.js:34:58)
    at Compiler.applyPluginsAsyncSeries (/home/ThomazPom/Desktop/angular2-electron/node_modules/webpack/node_modules/tapable/lib/Tapable.js:142:13)
    at Compiler.<anonymous> (/home/ThomazPom/Desktop/angular2-electron/node_modules/webpack/lib/Compiler.js:213:8)
    at next (/home/ThomazPom/Desktop/angular2-electron/node_modules/webpack/node_modules/tapable/lib/Tapable.js:138:11)
    at Compiler.<anonymous> (/home/ThomazPom/Desktop/angular2-electron/node_modules/webpack/lib/node/NodeEnvironmentPlugin.js:23:3)
    at Compiler.applyPluginsAsyncSeries (/home/ThomazPom/Desktop/angular2-electron/node_modules/webpack/node_modules/tapable/lib/Tapable.js:142:13)
    at Compiler.run (/home/ThomazPom/Desktop/angular2-electron/node_modules/webpack/lib/Compiler.js:210:7)
    at processOptions (/home/ThomazPom/Desktop/angular2-electron/node_modules/webpack/bin/webpack.js:335:12)
    at Object.<anonymous> (/home/ThomazPom/Desktop/angular2-electron/node_modules/webpack/bin/webpack.js:339:1)
    at Module._compile (module.js:571:32)
    at Object.Module._extensions..js (module.js:580:10)
    at Module.load (module.js:488:32)

npm ERR! Linux 3.13.0-92-generic
npm ERR! argv "/usr/bin/nodejs" "/usr/bin/npm" "run" "build:dev"
npm ERR! node v7.4.0
npm ERR! npm  v4.0.5
npm ERR! code ELIFECYCLE
npm ERR! [email protected] build:dev: `webpack --progress --profile`
npm ERR! Exit status 1

File to import not found or unreadable: @angular/material/core/theming/all-theme.

Had this issue on windows when running npm run build

Checked this:
angular/components#2277

So I've changed:

@import '~@angular/material/core/theming/all-theme';

to:

@import '~@angular/material/theming';

and it's working now. It looks like they have changed this lately (about 12 days ago)

There is an error,please add a @NgModule annotation.

Uncaught Error: Unexpected directive 'MdSlideToggle' imported by the module 'AppModule'. Please add a @NgModule annotation.

Cannot build

I'm pretty new to the world of web development and desktop applications, but decided to get to know more about it. I find projects like this invaluable since they give me the boiler plate to start discovering this new technology.

My only problem is that I cannot build.
Node: v7.2.1
npm: 4.0.3
Error:

> webpack --progress --profile

  0% compilingD:\Desktop\angular2-electron-master\node_modules\webpack-target-electron-renderer\node_modules\webpack\lib\ExternalModuleFactoryPlugin.js:37
                                        if(externals === dependency.request) {
                                                                   ^
TypeError: Cannot read property 'request' of undefined
    at handleExternals (D:\Desktop\angular2-electron-master\node_modules\webpack-target-electron-renderer\node_modules\webpack\lib\ExternalModuleFactoryPlugin.js:37:33)
    at next (D:\Desktop\angular2-electron-master\node_modules\webpack-target-electron-renderer\node_modules\webpack\lib\ExternalModuleFactoryPlugin.js:46:8)
...

Do you have any idea what the problem might be?

.SASS issues with @angular/material new update.

I have a project build over this repository in my macbook, tried to bring it to my windows machine but had a tons of issues to solve.

The first one was webpack-related (though there is another issue opened already), after resolving that one, however, I had an extra issue thrown from the .scss file, the issue was about app.theme.scss.

In the new Angular/Material version, in fact, most of the tags were replaced and some styles were overwritten.

I had to change:

@import '~@angular/material/core/theming/all-theme';

// NOTE: Theming is currently experimental and not yet publically released!

@include md-core();

//Here the existing theme is being redfined
$primary: md-palette($md-deep-purple);
$accent:  md-palette($md-amber, A200, A100, A400);

$theme: md-light-theme($primary, $accent);

@include angular-material-theme($theme);

// This is where you define your custom them

// md-palette takes, color, default, lighter and darker params
.m2app-dark {
  $dark-primary: md-palette($md-cyan, 700, 500, 900);
  $dark-accent:  md-palette($md-yellow, A200, A100, A400);
  $dark-warn:    md-palette($md-amber, A200, A100, A400);

  $dark-theme: md-dark-theme($dark-primary, $dark-accent, $dark-warn);

  @include angular-material-theme($dark-theme);
}

To:

@import '~@angular/material/core/theming/all-theme';

// NOTE: Theming is currently experimental and not yet publically released!

@include mat-core();

//Here the existing theme is being redfined
$primary: mat-palette($mat-deep-purple);
$accent:  mat-palette($mat-amber, A200, A100, A400);
$theme: mat-light-theme($primary, $accent);

@include angular-material-theme($theme);

// This is where you define your custom them

// mat-palette takes, color, default, lighter and darker params
.m2app-dark {
  $dark-primary: mat-palette($mat-cyan, 700, 500, 900);
  $dark-accent:  mat-palette($mat-yellow, A200, A100, A400);
  $dark-warn:    mat-palette($mat-amber, A200, A100, A400);

  $dark-theme: mat-dark-theme($dark-primary, $dark-accent, $dark-warn);

  @include angular-material-theme($dark-theme);
}

I didn't update the angular/material manually, I've just copied & pasted the working code from my mac to my pc, run npm install and had the issue, so might be useful if someone else has troubles with it.

Modules not found - Replace

angular-electron/src/app/app.ts

Line 28 in 01988b7

import { MdButtonModule, MdSlideToggleModule } from '@angular/material';

Should be replaced with:

import { MatButtonModule, MatSlideToggleModule } from '@angular/material';

build error

I have some problem when I am building a project, using command "npm run build", because bundler cannot find the config.js which is required in authentication.ts in line 26. How can I fix it ?

Issue with Material Tabs: must include BrowserAnimationsModule

Since some updates angular 2 material started using the BrowserAnimationsModule which must be included in order to use the Angular 2 material tabs (https://material.angular.io/components/component/tabs).

This needs to be added in the app.ts file
import { BrowserAnimationsModule } from '@angular/platform-browser/animations';

And injected in the @NgModule


@NgModule({
    imports: [
        BrowserModule,
        FormsModule,
        ReactiveFormsModule,
        HttpModule,
        BrowserAnimationsModule, // <--- here

Else an error will pop up and will prevent the execution of the next scripts :) (and tabs won't work)

Angular loadChildren routing not considered with webpack

There is an issue, which is already closed, but not considered in your example:
angular/angular#12432

Packaging error (re-open)

I'm so sorry to reopen this bug, but I had the same error.

I get this error running the EXE file of the app.
Instead running npm run electron command everythings work fine, also the md-slider.

packaget the application for all Platforms

Hello,

I would like to packaging the project for windows but when i add the --all options,
I have only a packaging for OSX with this following line :
Packaging app for platform darwin x64 using electron v1.4.15
null

Please could you tell me how to create a package for windows?

Friend System

I know its not the right place to ask this question but maybe here i can find some solution,
I am just Stucked @ friend system using Angularfire2 especially how to find my friends status whether they online or offline

My Db is like

Profile-
MARIO:
name: mario
friends:
PRINCE: true
status:online

    PRINCE:
        name:prince
        friends: 
                MARIO : true
        status:offline

Now I want to find profile array to check if my Key exists on their friends objects return all those lists
So i can ngFor those value and view it on the UI

Using map Operator
let key = MARIO
this.Online = this.af.list('profile').map( USERS => {

const Filter = USERS.filter( PROFILE => PROFILE.friends == key) )
return Filter

} )

this.Online.subscribe( RES => console.log( RES) )

But the problem is The code is not working i know something wrong here , It would be great If any 1 can give me a solution to this !
Or I need to Approach it differently ?

Integration with angular 2 material

Integration with angular2 material doesn't seem to work, npm run build gives an error

webpack --progress --profile

0% compiling/home/hp/Documents/Electron/Template/node_modules/webpack-target-electron-renderer/node_modules/webpack/lib/ExternalModuleFactoryPlugin.js:37
if(externals === dependency.request) {
^

TypeError: Cannot read property 'request' of undefined
at handleExternals (/home/hp/Documents/Electron/Template/node_modules/webpack-target-electron-renderer/node_modules/webpack/lib/ExternalModuleFactoryPlugin.js:37:33)
at next (/home/hp/Documents/Electron/Template/node_modules/webpack-target-electron-renderer/node_modules/webpack/lib/ExternalModuleFactoryPlugin.js:46:8)
at handleExternals (/home/hp/Documents/Electron/Template/node_modules/webpack-target-electron-renderer/node_modules/webpack/lib/ExternalModuleFactoryPlugin.js:59:7)
at ExternalModuleFactoryPlugin. (/home/hp/Documents/Electron/Template/node_modules/webpack-target-electron-renderer/node_modules/webpack/lib/ExternalModuleFactoryPlugin.js:79:5)
at /home/hp/Documents/Electron/Template/node_modules/webpack/lib/NormalModuleFactory.js:177:3
at NormalModuleFactory.applyPluginsAsyncWaterfall (/home/hp/Documents/Electron/Template/node_modules/webpack/node_modules/tapable/lib/Tapable.js:123:70)
at NormalModuleFactory.create (/home/hp/Documents/Electron/Template/node_modules/webpack/lib/NormalModuleFactory.js:161:8)
at Compilation.process as _addModuleChain
at Compilation.process as addEntry
at SingleEntryPlugin. (/home/hp/Documents/Electron/Template/node_modules/webpack/lib/SingleEntryPlugin.js:22:15)
at Compiler.applyPluginsParallel (/home/hp/Documents/Electron/Template/node_modules/webpack/node_modules/tapable/lib/Tapable.js:156:14)
at Compiler.compile (/home/hp/Documents/Electron/Template/node_modules/webpack/lib/Compiler.js:431:7)
at Compiler. (/home/hp/Documents/Electron/Template/node_modules/webpack/lib/Compiler.js:191:10)
at Compiler.readRecords (/home/hp/Documents/Electron/Template/node_modules/webpack/lib/Compiler.js:339:10)
at Compiler. (/home/hp/Documents/Electron/Template/node_modules/webpack/lib/Compiler.js:188:9)
at next (/home/hp/Documents/Electron/Template/node_modules/webpack/node_modules/tapable/lib/Tapable.js:81:11)
at Compiler. (/home/hp/Documents/Electron/Template/node_modules/webpack/lib/CachePlugin.js:34:58)
at Compiler.applyPluginsAsync (/home/hp/Documents/Electron/Template/node_modules/webpack/node_modules/tapable/lib/Tapable.js:85:13)
at Compiler. (/home/hp/Documents/Electron/Template/node_modules/webpack/lib/Compiler.js:185:8)
at next (/home/hp/Documents/Electron/Template/node_modules/webpack/node_modules/tapable/lib/Tapable.js:81:11)
at Compiler. (/home/hp/Documents/Electron/Template/node_modules/webpack/lib/node/NodeEnvironmentPlugin.js:23:3)
at Compiler.applyPluginsAsync (/home/hp/Documents/Electron/Template/node_modules/webpack/node_modules/tapable/lib/Tapable.js:85:13)
at Compiler.run (/home/hp/Documents/Electron/Template/node_modules/webpack/lib/Compiler.js:182:7)
at processOptions (/home/hp/Documents/Electron/Template/node_modules/webpack/bin/webpack.js:312:12)
at Object. (/home/hp/Documents/Electron/Template/node_modules/webpack/bin/webpack.js:316:1)
at Module._compile (module.js:425:26)
at Object.Module._extensions..js (module.js:432:10)
at Module.load (module.js:356:32)
at Function.Module._load (module.js:313:12)
at Function.Module.runMain (module.js:457:10)

npm ERR! Linux 4.4.0-38-generic
npm ERR! argv "/home/hp/.nvm/versions/node/v5.1.0/bin/node" "/home/hp/.nvm/versions/node/v5.1.0/bin/npm" "run" "build:dev"
npm ERR! node v5.1.0
npm ERR! npm v3.3.12
npm ERR! code ELIFECYCLE
npm ERR! [email protected] build:dev: webpack --progress --profile
npm ERR! Exit status 1
npm ERR!

Clean project

Hey man hope you're doing well.
Want to know if maybe you can create something that would basically be a clean project with Angular 2 and material2 without oauth etc. Just the bare basics with maybe a started page just saying hello world and then having it do the same compiling and structuring like it is currently doing?

Packaging error (_resolveFilename)

Running npm run electron works well but packaging and launching gave this error:
I get this error on window and mac (not tried Linux).

A JavaScript error occurred in the main process
Uncaught Exception:
Error: Cannot find module
'C:\Users\Leonardo\Desktop\ang2ele\angular-electron\release\darwin-all\app-win...\main.js'
at Module._resolveFilename (modulejs:470:15)
at Function.Module._resolveFilename
(C:\Users\Leonardo\Desktop\ang2ele\angular-electron\release\darwin-all\app-win32-x6...:12)
at Function.Module._load (modulejs:418:25)
at Object.
(C:\Users\Leonardo\Desktop\ang2ele\angular-electron\ release\ darwin-all\ app-win32-x64...:8)
at Object.
(C:\Users\Leonardo\Desktop\ang2ele\angular-electron\ release\ darwin-all\ app-win32-x64...:3)
at Module._compile (modulejs:571:32)
at Object.Modul._ectensions.js (modulejs:580:10)
at Module.load (modulejs:482432) at tryModuleLoad (modulejs:447:12)
at Function.Module._load (modulejs:439:3)

Global .scss file not workingq

Hi, I've set up my own custom theme in the global .scss file (app.theme.scss) but when the app goes the the login page, it's not picking up the theme. I have to manually place the theme content inside the login.component.scss file.

MacOs Sierra "npm run build.dev" failure caused by webpack

I run "npm install" and than "npm run build", but I receive error from webpack task.
Thank you,
I appreciate your help.

webpack --progress --profile
0% compiling/Users/mverdecchia/Documents/angular2/angular2-electron/node_modules/webpack-target-electron-renderer/node_modules/webpack/lib/ExternalModuleFactoryPlugin.js:37
if(externals === dependency.request) {
^

TypeError: Cannot read property 'request' of undefined
at handleExternals (/Users/mverdecchia/Documents/angular2/angular2-electron/node_modules/webpack-target-electron-renderer/node_modules/webpack/lib/ExternalModuleFactoryPlugin.js:37:33)
at next (/Users/mverdecchia/Documents/angular2/angular2-electron/node_modules/webpack-target-electron-renderer/node_modules/webpack/lib/ExternalModuleFactoryPlugin.js:46:8)
at handleExternals (/Users/mverdecchia/Documents/angular2/angular2-electron/node_modules/webpack-target-electron-renderer/node_modules/webpack/lib/ExternalModuleFactoryPlugin.js:59:7)
at ExternalModuleFactoryPlugin. (/Users/mverdecchia/Documents/angular2/angular2-electron/node_modules/webpack-target-electron-renderer/node_modules/webpack/lib/ExternalModuleFactoryPlugin.js:79:5)
at /usr/local/lib/node_modules/webpack/lib/NormalModuleFactory.js:207:3
at NormalModuleFactory.applyPluginsAsyncWaterfall (/usr/local/lib/node_modules/webpack/node_modules/tapable/lib/Tapable.js:196:70)
at NormalModuleFactory.create (/usr/local/lib/node_modules/webpack/lib/NormalModuleFactory.js:191:8)
at Compilation.process [as _addModuleChain] (/usr/local/lib/node_modules/webpack/lib/Compilation.js:359:16)
at Compilation.process [as addEntry] (/usr/local/lib/node_modules/webpack/lib/Compilation.js:435:7)
at SingleEntryPlugin. (/usr/local/lib/node_modules/webpack/lib/SingleEntryPlugin.js:22:15)
at Compiler.applyPluginsParallel (/usr/local/lib/node_modules/webpack/node_modules/tapable/lib/Tapable.js:229:14)
at Compiler. (/usr/local/lib/node_modules/webpack/lib/Compiler.js:463:8)
at Compiler.applyPluginsAsyncSeries (/usr/local/lib/node_modules/webpack/node_modules/tapable/lib/Tapable.js:131:46)
at Compiler.compile (/usr/local/lib/node_modules/webpack/lib/Compiler.js:456:7)
at Compiler. (/usr/local/lib/node_modules/webpack/lib/Compiler.js:219:10)
at Compiler.readRecords (/usr/local/lib/node_modules/webpack/lib/Compiler.js:367:10)
at Compiler. (/usr/local/lib/node_modules/webpack/lib/Compiler.js:216:9)
at next (/usr/local/lib/node_modules/webpack/node_modules/tapable/lib/Tapable.js:138:11)
at Compiler. (/usr/local/lib/node_modules/webpack/lib/CachePlugin.js:34:58)
at Compiler.applyPluginsAsyncSeries (/usr/local/lib/node_modules/webpack/node_modules/tapable/lib/Tapable.js:142:13)
at Compiler. (/usr/local/lib/node_modules/webpack/lib/Compiler.js:213:8)
at next (/usr/local/lib/node_modules/webpack/node_modules/tapable/lib/Tapable.js:138:11)
at Compiler. (/usr/local/lib/node_modules/webpack/lib/node/NodeEnvironmentPlugin.js:23:3)
at Compiler.applyPluginsAsyncSeries (/usr/local/lib/node_modules/webpack/node_modules/tapable/lib/Tapable.js:142:13)
at Compiler.run (/usr/local/lib/node_modules/webpack/lib/Compiler.js:210:7)
at processOptions (/usr/local/lib/node_modules/webpack/bin/webpack.js:335:12)
at Object. (/usr/local/lib/node_modules/webpack/bin/webpack.js:339:1)
at Module._compile (module.js:571:32)
at Object.Module._extensions..js (module.js:580:10)
at Module.load (module.js:488:32)

Use codelizer and follow styleguide

make sure codelizer is used and follows the styleguide

npm run build error

Hi,

I have cloned the repo, npm install worked well, but I am getting below errors on npm run build, please advise.

WARNING in ./~/@angular/core/src/linker/system_js_ng_module_factory_loader.js
69:15 Critical dependency: the request of a dependency is an expression

WARNING in ./~/@angular/core/src/linker/system_js_ng_module_factory_loader.js
85:15 Critical dependency: the request of a dependency is an expression

ERROR in [default] C:\Users\afriedman\Dev\Javascript\angular2-electron\node_modules@types\webpack\index.d.ts:6:0
Cannot find type definition file for 'uglify-js'.

ERROR in [default] C:\Users\afriedman\Dev\Javascript\angular2-electron\node_modules@types\webpack\index.d.ts:7:0
Cannot find type definition file for 'tapable'.

ERROR in [default] C:\Users\afriedman\Dev\Javascript\angular2-electron\node_modules@types\webpack\index.d.ts:9:26
Cannot find module 'uglify-js'.

ERROR in [default] C:\Users\afriedman\Dev\Javascript\angular2-electron\node_modules@types\webpack\index.d.ts:10:25
Cannot find module 'tapable'.

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:dev"
npm ERR! node v6.9.3
npm ERR! npm v3.10.10
npm ERR! code ELIFECYCLE
npm ERR! [email protected] build:dev: webpack --progress --profile
npm ERR! Exit status 2
npm ERR!
npm ERR! Failed at the [email protected] build:dev script 'webpack --progress --profile'.
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! webpack --progress --profile
npm ERR! You can get information on how to open an issue for this project with:
npm ERR! npm bugs angular2-electron
npm ERR! Or if that isn't available, you can get their info via:
npm ERR! npm owner ls angular2-electron
npm ERR! There is likely additional logging output above.

Error: 'output.filename' is required, either in config file or as --output-filename
    at processOptions (/home/hoangnguyenl/ResearchIT/Electron/angular-electron/node_modules/webpack/bin/convert-argv.js:492:11)
    at processConfiguredOptions (/home/hoangnguyenl/ResearchIT/Electron/angular-electron/node_modules/webpack/bin/convert-argv.js:141:4)
    at module.exports (/home/hoangnguyenl/ResearchIT/Electron/angular-electron/node_modules/webpack/bin/convert-argv.js:117:10)
    at Object.<anonymous> (/home/hoangnguyenl/ResearchIT/Electron/angular-electron/node_modules/webpack/bin/webpack.js:153:40)
    at Module._compile (module.js:569:30)
    at Object.Module._extensions..js (module.js:580:10)
    at Module.load (module.js:503:32)
    at tryModuleLoad (module.js:466:12)
    at Function.Module._load (module.js:458:3)
    at Function.Module.runMain (module.js:605:10)
npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! angular2-electron@0.0.0 webpack-test: `webpack --config webpack.test.js --progress --profile`
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the angular2-electron@0.0.0 webpack-test script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.

npm ERR! A complete log of this run can be found in:
npm ERR!     /home/hoangnguyenl/.npm/_logs/2017-09-08T02_14_38_890Z-debug.log

What should I do to configure webpack.test.js file correctly?

Angular Material theme doesn't work

On Windows. Installed repo as is and followed instructions to build, watch and run.

The switch for "Set Dark theme" moves, but nothing changes.

Authentication with GitHub works fine.

Seems like elements from Angular Material works, but not the theme.

Screenshot here

How can I add global scss ?

I found angular/angular-cli#1253 , angular/angular-cli#3700 , but do not works in angular-electron, how can I use common scss in angular-electron ?

Firebase Storage ?

Is there Anyway to use firebase storage ?
It's working Perfectly fine with angular-cli,

Using the following code ,
Import *as firebase from 'firebase'

const storage = firebase.strorage().ref()

Above Code Working FIne In webversion

But At node electron getting the following error

firebase.storeage is not a function !

Or Is there any good storage service can you recommend ?

error in windows

WARNING in ./~/@angular/core/src/linker/system_js_ng_module_factory_loader.js
71:15 Critical dependency: the request of a dependency is an expression

WARNING in ./~/@angular/core/src/linker/system_js_ng_module_factory_loader.js
87:15 Critical dependency: the request of a dependency is an expression

ERROR in ./src/app/services/authentication.ts
Module not found: Error: Can't resolve './../config.json' in 'C:\msweb\angular2-electron\src\app\services'
 @ ./src/app/services/authentication.ts 32:14-41
 @ ./src/app/app.ts

Regards,

Sean

Checkout the Ultimate Angular 2 Boorstrap App: @ http://ng2.javascriptninja.io
Source@ https://github.com/born2net/ng2Boilerplate