An Angular 2 Webpack Starter kit featuring Angular 2, Router, TypeScript, and Webpack by AngularClass
PatrickJS on master
Update README.md (compare)
Hey, two things.
I've been learning the starter pack in order to build my own and fully understand it. But a thing I haven't been able to figure out since yesterday is what loader or package(s) is(are) responsible for processing the <% or <%= or {% etc tags in html template?
Second thing that maybe I should have made an issue is that the chat link in README.md and also when starting to submit issue is not working (http://angularclass.com/member-join/)
@ashkank83
hi all, I'm getting the following error when trying 'npm start for my angular 2 application
'module.js:457
throw err;
^
Error: Cannot find module './webpack.common.js'
at Function.Module._resolveFilename (module.js:455:15)
at Function.Module._load (module.js:403:25)
at Module.require (module.js:483:17)
at require (internal/module.js:20:19)
at Object.<anonymous> (/Users/Ashkan/Desktop/LogiPro/Training/rc6WebPack/config/webpack.dev.js:3:20)
at Module._compile (module.js:556:32)
at Object.Module._extensions..js (module.js:565:10)
at Module.load (module.js:473:32)
at tryModuleLoad (module.js:432:12)
at Function.Module._load (module.js:424:3)'
any ideas what can the issue be?
I have simply followed the instruction from here https://angular.io/docs/ts/latest/guide/webpack.html
Hi Guys :) I've been following the angular webpack starter guide, to upgrade my application to start bundling with webpack. That said, I'm running into problems when running the application. I'm always getting the following error attempting to load the app in the browser via the devserver.
core.umd.js?e2a5:6001 Error: Uncaught (in promise): ReferenceError: System is not defined
at resolvePromise (eval at <anonymous> (http://localhost:4000/polyfills.js:2475:2), <anonymous>:558:32)
at eval (eval at <anonymous> (http://localhost:4000/polyfills.js:2475:2), <anonymous>:535:14)
at ZoneDelegate.invoke (eval at <anonymous> (http://localhost:4000/polyfills.js:2475:2), <anonymous>:332:29)
at Object.onInvoke (eval at <anonymous> (http://localhost:4000/vendor.js:2129:2), <anonymous>:8772:45)
at ZoneDelegate.invoke (eval at <anonymous> (http://localhost:4000/polyfills.js:2475:2), <anonymous>:331:35)
at Zone.run (eval at <anonymous> (http://localhost:4000/polyfills.js:2475:2), <anonymous>:225:44)
at eval (eval at <anonymous> (http://localhost:4000/polyfills.js:2475:2), <anonymous>:591:58)
at ZoneDelegate.invokeTask (eval at <anonymous> (http://localhost:4000/polyfills.js:2475:2), <anonymous>:365:38)
at Object.onInvokeTask (eval at <anonymous> (http://localhost:4000/vendor.js:2129:2), <anonymous>:8763:45)
at ZoneDelegate.invokeTask (eval at <anonymous> (http://localhost:4000/polyfills.js:2475:2), <anonymous>:364:43)
at Zone.runTask (eval at <anonymous> (http://localhost:4000/polyfills.js:2475:2), <anonymous>:265:48)
at drainMicroTaskQueue (eval at <anonymous> (http://localhost:4000/polyfills.js:2475:2), <anonymous>:497:36)
Anybody know what is the cause of the problem please? Because I've been looking around, and haven't come to a solution.
Hi there,
I keep getting following error when running npm run:build
:
94% asset optimizationError in bail mode: [default] /Users/sekibomazic/Documents/projects/angular2/angular2-webpack-starter/node_modules/@types/hammerjs/index.d.ts:9:4
Duplicate identifier 'export='.
npm ERR! Darwin 15.6.0
npm ERR! argv "/usr/local/Cellar/node/6.5.0/bin/node" "/usr/local/bin/npm" "run" "build:prod"
npm ERR! node v6.5.0
npm ERR! npm v3.10.3
npm ERR! code ELIFECYCLE
npm ERR! angular2-webpack-starter@5.0.5 build:prod: `webpack --config config/webpack.prod.js --progress --profile --bail`
npm ERR! Exit status 1
Can someone help?
hey! I am currently porting an RC4 based project to RC6, first updating for RC5 in baby steps. So, I'm updating first from commit @4cf99473 to @c5b94a4a basing on Github compare ( https://github.com/AngularClass/angular2-webpack-starter/compare/4cf99473...c5b94a4a ).
The new version uses Webpack 2 (and TS 2, but this is was already in my package.json
).
My problem: after ported, it complains it cannot find a certain file in a generated
folder. I'm not sure if that happens by tsc
or webpack
, but the message is this:
Module build failed: Error: Can't resolve 'apis/myclient' in '/project/src/app'
my tsconfig.json
has:
...
"baseUrl": ".",
"paths": {
"*": [
"./src/*",
"./generated/*"
]
},
...
my webpack.common.js
has:
...
resolve: {
extensions: ['', '.ts', '.js', '.json', '.scss'],
root: helpers.root('src'),
modulesDirectories: ['node_modules', 'generated'],
},
...
so, in theory, both are correct for my needs.
Anyone knows what it could be?
hi guys, I just upgraded to webpack2, reflecting updates from angular2-webpack-start
in master
branch (from RC4 to RC6: e53e69f...master). Suddenly after that, imports pointing to a folder I have for generated code don't find files anymore.
Giving a bit of context, the generated
folder has only generated code and is visible through both tsconfig.json
and webpack.common.js
configurations, respectively:
"paths": {
"*": [
"./src/*",
"./generated/*"
]
},
and
resolve: {
...
// remove other default values
modulesDirectories: ['node_modules', 'generated'],
},
tsc
still find the files correctly, but the browser doesn't.
do you guys know what can be missing?
Hi guys,
New to Angular2 and TypeScript.
Just picked this up and wasn't sure if it is an issue(not a bug or anything):
In the file located at '../src/app/+detail/index.ts'
should:
export default class AboutModule {
static routes = routes;
}
not be:
export default class DetailModule {
static routes = routes;
}
?