wkwiatek / angular2-webpack2 Goto Github PK

When I do :
npm install npm run build

I get the following error :
``

[email protected] build /mnt/ssd/home_bis/devoss/angular2-webpack2
WEBPACK_ENV=production webpack --progress --hide-modules

10% building modules 0/2 modules 2 active ...ss/angular2-webpack2/src/bootstrap.tsts-loader: Using [email protected] and /mnt/ssd/home_bis/devoss/angular2-webpack2/tsconfig.json
Hash: 20280117b304531f65b1
Version: webpack 2.1.0-beta.7
Time: 14104ms
Asset Size Chunks Chunk Names
vendor.js 517 kB 0 [emitted] vendor
app.js 663 kB 1 [emitted] app
index.html 224 bytes [emitted]

ERROR in /mnt/ssd/home_bis/devoss/angular2-webpack2/src/app.spec.ts
(29,57): error TS2314: Generic type 'ComponentFixture' requires 1 type argument(s).

npm ERR! Linux 4.4.0-1-amd64
npm ERR! argv "/usr/local/bin/node" "/usr/local/bin/npm" "run" "build"
npm ERR! node v5.6.0
npm ERR! npm v3.8.2
npm ERR! code ELIFECYCLE
npm ERR! [email protected] build: WEBPACK_ENV=production webpack --progress --hide-modules
npm ERR! Exit status 2
npm ERR!
npm ERR! Failed at the [email protected] build script 'WEBPACK_ENV=production webpack --progress --hide-modules'.
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-webpack package,
npm ERR! not with npm itself.
npm ERR! Tell the author that this fails on your system:
npm ERR! WEBPACK_ENV=production webpack --progress --hide-modules
npm ERR! You can get information on how to open an issue for this project with:
npm ERR! npm bugs angular2-webpack
npm ERR! Or if that isn't available, you can get their info via:
npm ERR! npm owner ls angular2-webpack
npm ERR! There is likely additional logging output above.

``

I modified src/components/test.component.ts:
Rather than using 'template', I moved html content to an external .html file and loaded it using 'templateUrl'.

I am facing this error:
Unhandled Promise rejection: Failed to load app.html ; Zone: ; Task: Promise.then ; Value: Failed to load app.html undefined

Including best code coverage with this project will be helpful. configuring code coverage with sourcemaps (TS Files) after ttranspiling them down to JS is a bit challenging there are no best tools to do that.

I am able to install angular2-webpack2 and run all of the tests up to "npm run e2e". The error message is below. I have the latest versions of node and npm installed and I believe I have installed protractor correctly. Please help!

[email protected] e2e /home/dma/bin/Angular2
protractor

[15:12:02] I/local - Starting selenium standalone server...
[15:12:02] I/launcher - Running 1 instances of WebDriver
[15:12:02] E/launcher - Process exited with error code 1
events.js:160
throw er; // Unhandled 'error' event
^

Error: spawn java ENOENT
at exports._errnoException (util.js:1007:11)
at Process.ChildProcess._handle.onexit (internal/child_process.js:182:32)
at onErrorNT (internal/child_process.js:348:16)
at _combinedTickCallback (internal/process/next_tick.js:74:11)
at process._tickCallback (internal/process/next_tick.js:98:9)

npm ERR! Linux 3.13.0-88-generic
npm ERR! argv "/home/dma/.nvm/versions/node/v6.2.1/bin/node" "/home/dma/.nvm/versions/node/v6.2.1/bin/npm" "run" "e2e"
npm ERR! node v6.2.1
npm ERR! npm v3.9.5
npm ERR! code ELIFECYCLE
npm ERR! [email protected] e2e: protractor
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the [email protected] e2e script 'protractor'.
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-webpack package,
npm ERR! not with npm itself.
npm ERR! Tell the author that this fails on your system:
npm ERR! protractor
npm ERR! You can get information on how to open an issue for this project with:
npm ERR! npm bugs angular2-webpack
npm ERR! Or if that isn't available, you can get their info via:
npm ERR! npm owner ls angular2-webpack
npm ERR! There is likely additional logging output above.

npm ERR! Please include the following file with any support request:
npm ERR! /home/dma/bin/Angular2/npm-debug.log

Hello there,
thanks for sharing your take on Angular2 + webpack setup!

We noticed a karma entry point source file in other starter projects (e.g. AngularClass and preboot), where usually:

1. some Error.stackTraceLimit is set to Infinity
2. a number of modules are required,
3. some context is built out of require.context() from spec file patterns, and then processed in some funky way
4. Select some BrowserDomAdapter so to fix a known issue

Such an entry point seems to be missing in this project. I can see the required modules are pulled in in karma.conf.js files section, so #2 should be mapped. What about the remaining points? Did you have any apparent issue?

In other words, does one actually need that entry point or not? Thanks

Hi,

After released new version of typings, property in typeings.json should be renamed from

ambientDependencies
to
globalDependencies

Cheers!

Thanks for this, very helpful....

I get errors doing npm test although test finished completed:

ts-loader: Using [email protected] and tsconfig.json
31 03 2016 13:21:09.416:WARN [karma]: No captured browser, open http://localhost:9876/
31 03 2016 13:21:09.429:INFO [karma]: Karma v0.13.22 server started at http://localhost:9876/
31 03 2016 13:21:09.438:INFO [launcher]: Starting browser Chrome
31 03 2016 13:21:10.716:INFO [Chrome 49.0.2623 (Mac OS X 10.11.3)]: Connected on socket /#T5aZfz_fJpOAMj-gAAAA with id 92141791

START:
ERROR: 'Unhandled Promise rejection:', 's.replace is not a function', '; Zone:', '<root>', '; Task:', 'Promise.then', '; Value:', TypeError{}
ERROR: Error{rejection: TypeError{}, promise: ZoneAwarePromise{__zone_symbol__state: 0, __zone_symbol__value: TypeError{}}, zone: Zone{_properties: Object{}, _parent: null, _name: '<root>', _zoneDelegate: ZoneDelegate{_taskCounts: ..., zone: ..., _parentDelegate: ..., _forkZS: ..., _forkDlgt: ..., _interceptZS: ..., _interceptDlgt: ..., _invokeZS: ..., _invokeDlgt: ..., _handleErrorZS: ..., _handleErrorDlgt: ..., _scheduleTaskZS: ..., _scheduleTaskDlgt: ..., _invokeTaskZS: ..., _invokeTaskDlgt: ..., _cancelTaskZS: ..., _cancelTaskDlgt: ..., _hasTaskZS: ..., _hasTaskDlgt: ...}}, task: ZoneTask{runCount: 1, type: 'microTask', zone: Zone{_properties: ..., _parent: ..., _name: ..., _zoneDelegate: ...}, source: 'Promise.then', data: undefined, scheduleFn: undefined, cancelFn: null, callback: function () { ... }, invoke: function () { ... }}}
  App
    ✔ should be able to test

Finished in 0.084 secs / 0.078 secs

SUMMARY:
✔ 1 test completed

Hi,
I tried to run the dev mode and the prod build but I got the following error message:

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

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

ERROR in ./src/bootstrap.ts
(23,5): error TS2304: Cannot find name 'RouterModule'.

ERROR in ./src/vendor.ts
Module not found: Error: Can't resolve 'es6-shim' in '/home/lemacabre/projekte/angular2/angular2-webpack2/src'
@ ./src/vendor.ts 6:0-19
@ multi vendor
webpack: bundle is now VALID.

I tried it with linux.