i had to put sripts inside <body>. Working! Soon I'll post all this tutorial to stack or somewhere.
Thanks for your patient! U also shown me some very useful js tricks. Good luck) среда, 1 июня 2016 г., 18:06:40 UTC-5 пользователь Lucas Lacroix написал: > > From here on, you're going to need to rely on the browsers developer > console. My guess would be the scripts are in a location that your server > will serve from. You might have to copy them to another folder. > > On Wed, Jun 1, 2016, 19:04 Michael <[email protected] <javascript:>> > wrote: > >> it was an initial app from angular.io >> >> >> среда, 1 июня 2016 г., 18:01:31 UTC-5 пользователь Michael написал: >>> >>> Nope.. >>> >> (it was main) >>> >>> среда, 1 июня 2016 г., 17:57:51 UTC-5 пользователь Lucas Lacroix написал: >>> >> Remove all but the vendor and main scripts (though I thought you said it >>>> was "app" not main?). The vendor script must come first. >>>> >>>> On Wed, Jun 1, 2016, 18:55 Michael <[email protected]> wrote: >>>> >>> now index looks like this. >>>>> scripts from js-folder were from initial index.html with typescript. >>>>> but no result.. >>>>> >>>>> <html> >>>>> <head> >>>>> <title>Angular 2 QuickStart</title> >>>>> <meta charset="UTF-8"> >>>>> <meta name="viewport" content="width=device-width, >>>>> initial-scale=1"> >>>>> <link rel="stylesheet" href="styles.css"> >>>>> >>>>> <!-- Polyfill(s) for older browsers --> >>>>> <script src="js/client/shim.min.js"></script> >>>>> >>>>> <script src="js/dist/zone.js"></script> >>>>> <script src="js/reflect-metadata/Reflect.js"></script> >>>>> <script src="js/systemjs/dist/system.src.js"></script> >>>>> >>>>> <script src="js/systemjs.config.js"></script> >>>>> >>>>> <script src="main.js"></script> >>>>> <script src="vendor.js"></script> >>>>> >>>>> <script> >>>>> System.import('app').catch(function(err){ console.error(err); }); >>>>> </script> >>>>> </head> >>>>> >>>>> <body> >>>>> <my-app>Loading...</my-app> >>>>> </body> >>>>> </html> >>>>> >>>>> >>>>> >>>>> среда, 1 июня 2016 г., 17:45:34 UTC-5 пользователь Lucas Lacroix >>>>> написал: >>>>>> >>>>>> Yep. It's watching for file changes and if anything changes, it will >>>>>> automatically recompile. >>>>>> >>>>>> Now you need to reference the two files in your index.html (vendor.js >>>>>> first!) and you should be good. >>>>>> >>>>>> On Wed, Jun 1, 2016, 18:43 Michael <[email protected]> wrote: >>>>>> >>>>> i added "use strict" to webpack.config.js and fixed couple errors. >>>>>>> finally i have this. >>>>>>> >>>>>>> C:\Users\Michael\Desktop\quick-start-without-npm-install\quickstart-master>npm >>>>>>> >>>>>>> start >>>>>>> >>>>>>> > [email protected] start >>>>>>> C:\Users\Michael\Desktop\quick-start-without-npm-install\quickstart-master >>>>>>> > webpack -w >>>>>>> >>>>>>> ts-loader: Using [email protected] and >>>>>>> C:\Users\Michael\Desktop\quick-start-without-npm-install\quickstart-master\tsconfig.json >>>>>>> Hash: 13be77c2e6ba1063d858 >>>>>>> Version: webpack 1.13.1 >>>>>>> Time: 10479ms >>>>>>> Asset Size Chunks Chunk Names >>>>>>> ./dist/app/main.js 1.62 kB 0 [emitted] main >>>>>>> ./dist/app/vendor.js 2.83 MB 1 [emitted] vendor >>>>>>> ./dist/app/main.js.map 875 bytes 0 [emitted] main >>>>>>> ./dist/app/vendor.js.map 3.36 MB 1 [emitted] vendor >>>>>>> [0] multi vendor 148 bytes {1} [built] >>>>>>> + 513 hidden modules >>>>>>> >>>>>>> I still didnt close compilation. Is it finished? >>>>>>> If its ok, I found 4 files in dist/app >>>>>>> >>>>>>> how can i use it now? with index,html? >>>>>>> >>>>>>> среда, 1 июня 2016 г., 17:14:58 UTC-5 пользователь Lucas Lacroix >>>>>>> написал: >>>>>>>> >>>>>>>> You must be running an old version of node. Like it says in the >>>>>>>> error, you need to enable strict mode. You do that by adding "use >>>>>>>> strict"; >>>>>>>> (with quotes and semicolon) to the top of the file. >>>>>>>> >>>>>>>> On Wed, Jun 1, 2016, 18:12 Mikhail A. Safronov <[email protected]> >>>>>>>> wrote: >>>>>>>> >>>>>>> >>>>>>>>> C:\Users\Michael\Desktop\quick-start-without-npm-install\quickstart-master\webpack.config.js:2 >>>>>>>>> let webpack = require('webpack'); >>>>>>>>> ^^^ >>>>>>>>> >>>>>>>>> SyntaxError: Block-scoped declarations (let, const, function, >>>>>>>>> class) not yet supported outside strict mode >>>>>>>>> at exports.runInThisContext (vm.js:53:16) >>>>>>>>> at Module._compile (module.js:373:25) >>>>>>>>> at Object.Module._extensions..js (module.js:416:10) >>>>>>>>> at Module.load (module.js:343:32) >>>>>>>>> at Function.Module._load (module.js:300:12) >>>>>>>>> at Module.require (module.js:353:17) >>>>>>>>> at require (internal/module.js:12:17) >>>>>>>>> at module.exports >>>>>>>>> (C:\Users\Michael\Desktop\quick-start-without-npm-install\quickstart-master\node_modules\webpack\bin\convert-argv.js:80:13) >>>>>>>>> at Object.<anonymous> >>>>>>>>> (C:\Users\Michael\Desktop\quick-start-without-npm-install\quickstart-master\node_modules\webpack\bin\webpack.js:39:40) >>>>>>>>> at Module._compile (module.js:409:26) >>>>>>>>> >>>>>>>>> npm ERR! Windows_NT 10.0.10586 >>>>>>>>> npm ERR! argv "C:\\Program Files\\nodejs\\node.exe" "C:\\Program >>>>>>>>> Files\\nodejs\\node_modules\\npm\\bin\\npm-cli.js" "start" >>>>>>>>> npm ERR! node v4.4.4 >>>>>>>>> npm ERR! npm v2.15.1 >>>>>>>>> npm ERR! code ELIFECYCLE >>>>>>>>> npm ERR! [email protected] start: `webpack -w` >>>>>>>>> npm ERR! Exit status 1 >>>>>>>>> npm ERR! >>>>>>>>> npm ERR! Failed at the [email protected] start script >>>>>>>>> 'webpack -w'. >>>>>>>>> >>>>>>>>> среда, 1 июня 2016 г., 17:08:13 UTC-5 пользователь Lucas Lacroix >>>>>>>>> написал: >>>>>>>>>> >>>>>>>>>> My mistake again. "start":"webpack -w", >>>>>>>>>> >>>>>>>>> On Wed, Jun 1, 2016 at 6:05 PM, Mikhail A. Safronov < >>>>>>>>>> [email protected]> wrote: >>>>>>>>>> >>>>>>>>> thanks for prompt, fixed redundant spaces. >>>>>>>>>>> but.. >>>>>>>>>>> >>>>>>>>>> npm ERR! code ELIFECYCLE >>>>>>>>>>> npm ERR! [email protected] start: `webpack:w` >>>>>>>>>>> npm ERR! Exit status 1 >>>>>>>>>>> npm ERR! >>>>>>>>>>> npm ERR! Failed at the [email protected] start script >>>>>>>>>>> 'webpack:w'. >>>>>>>>>>> npm ERR! This is most likely a problem with the >>>>>>>>>>> angular2-quickstart package, >>>>>>>>>>> npm ERR! not with npm itself. >>>>>>>>>>> >>>>>>>>>>> среда, 1 июня 2016 г., 16:53:42 UTC-5 пользователь Lucas Lacroix >>>>>>>>>>> написал: >>>>>>>>>>> >>>>>>>>>> http://jsonlint.com/ >>>>>>>>>>>> >>>>>>>>>>>> On Wed, Jun 1, 2016 at 5:52 PM, Mikhail A. Safronov < >>>>>>>>>>>> [email protected]> wrote: >>>>>>>>>>>> >>>>>>>>>>> a linter? sorry .. >>>>>>>>>>>>> >>>>>>>>>>>>> среда, 1 июня 2016 г., 16:49:05 UTC-5 пользователь Lucas >>>>>>>>>>>>> Lacroix написал: >>>>>>>>>>>>> >>>>>>>>>>>> I don't see the error in your package.json that npm is >>>>>>>>>>>>>> complaining about. Try putting it through a linter. >>>>>>>>>>>>>> >>>>>>>>>>>>> On Wed, Jun 1, 2016 at 5:47 PM, Mikhail A. Safronov < >>>>>>>>>>>>>> [email protected]> wrote: >>>>>>>>>>>>>> >>>>>>>>>>>>> my app.ts file (bootstrap file) is inside of folder app, which >>>>>>>>>>>>>>> is located inside project root. >>>>>>>>>>>>>>> >>>>>>>>>>>>>> so i changed webpack.config.js to " main: './app/'," >>>>>>>>>>>>>>> >>>>>>>>>>>>>>> среда, 1 июня 2016 г., 16:45:36 UTC-5 пользователь Mikhail >>>>>>>>>>>>>>> A. Safronov написал: >>>>>>>>>>>>>>> >>>>>>>>>>>>>> { >>>>>>>>>>>>>>>> "name": "angular2-quickstart", >>>>>>>>>>>>>>>> "version": "1.0.0", >>>>>>>>>>>>>>>> "description": "QuickStart package.json from the >>>>>>>>>>>>>>>> documentation, supplemented with testing support", >>>>>>>>>>>>>>>> "scripts": { >>>>>>>>>>>>>>>> "start": "webpack:w", >>>>>>>>>>>>>>>> "webpack:w":"webpack -w" , >>>>>>>>>>>>>>>> "docker-build": "docker build -t ng2-quickstart .", >>>>>>>>>>>>>>>> "docker": "npm run docker-build && docker run -it --rm >>>>>>>>>>>>>>>> -p 3000:3000 -p 3001:3001 ng2-quickstart", >>>>>>>>>>>>>>>> "e2e": "tsc && concurrently \"http-server\" >>>>>>>>>>>>>>>> \"protractor protractor.config.js\"", >>>>>>>>>>>>>>>> "lint": "tslint ./app/**/*.ts -t verbose", >>>>>>>>>>>>>>>> "lite": "lite-server", >>>>>>>>>>>>>>>> "postinstall": "typings install", >>>>>>>>>>>>>>>> "test": "tsc && concurrently \"tsc -w\" \"karma start >>>>>>>>>>>>>>>> karma.conf.js\"", >>>>>>>>>>>>>>>> "tsc": "tsc", >>>>>>>>>>>>>>>> "tsc:w": "tsc -w", >>>>>>>>>>>>>>>> "typings": "typings", >>>>>>>>>>>>>>>> "webdriver:update": "webdriver-manager update" >>>>>>>>>>>>>>>> }, >>>>>>>>>>>>>>>> "keywords": [], >>>>>>>>>>>>>>>> "author": "", >>>>>>>>>>>>>>>> "license": "ISC", >>>>>>>>>>>>>>>> "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", >>>>>>>>>>>>>>>> "@angular/router-deprecated": "2.0.0-rc.1", >>>>>>>>>>>>>>>> "@angular/upgrade": "2.0.0-rc.1", >>>>>>>>>>>>>>>> "systemjs": "0.19.27", >>>>>>>>>>>>>>>> "core-js": "^2.4.0", >>>>>>>>>>>>>>>> "reflect-metadata": "^0.1.3", >>>>>>>>>>>>>>>> "rxjs": "5.0.0-beta.6", >>>>>>>>>>>>>>>> "zone.js": "^0.6.12", >>>>>>>>>>>>>>>> "angular2-in-memory-web-api": "0.0.10", >>>>>>>>>>>>>>>> "bootstrap": "^3.3.6" >>>>>>>>>>>>>>>> }, >>>>>>>>>>>>>>>> "devDependencies": { >>>>>>>>>>>>>>>> "canonical-path": "0.0.2", >>>>>>>>>>>>>>>> "concurrently": "^2.0.0", >>>>>>>>>>>>>>>> "http-server": "^0.9.0", >>>>>>>>>>>>>>>> "jasmine-core": "~2.4.1", >>>>>>>>>>>>>>>> "karma": "^0.13.22", >>>>>>>>>>>>>>>> "karma-chrome-launcher": "^0.2.3", >>>>>>>>>>>>>>>> "karma-cli": "^0.1.2", >>>>>>>>>>>>>>>> "karma-htmlfile-reporter": "^0.2.2", >>>>>>>>>>>>>>>> "karma-jasmine": "^0.3.8", >>>>>>>>>>>>>>>> "lite-server": "^2.2.0", >>>>>>>>>>>>>>>> "lodash": "^4.11.1", >>>>>>>>>>>>>>>> "protractor": "^3.3.0", >>>>>>>>>>>>>>>> "rimraf": "^2.5.2", >>>>>>>>>>>>>>>> "tslint": "^3.7.4", >>>>>>>>>>>>>>>> "typescript": "^1.8.10", >>>>>>>>>>>>>>>> "typings": "^1.0.4", >>>>>>>>>>>>>>>> "webpack": "^1.13.1" >>>>>>>>>>>>>>>> }, >>>>>>>>>>>>>>>> "repository": {} >>>>>>>>>>>>>>>> } >>>>>>>>>>>>>>>> >>>>>>>>>>>>>>>> >>>>>>>>>>>>>>>> среда, 1 июня 2016 г., 16:43:39 UTC-5 пользователь Lucas >>>>>>>>>>>>>>>> Lacroix написал: >>>>>>>>>>>>>>>> >>>>>>>>>>>>>>> Sorry... I meant package.json. >>>>>>>>>>>>>>>>> >>>>>>>>>>>>>>>>> <blockquote class="gmail_quote" style="margin:0;margin- >> > -- You received this message because you are subscribed to the Google Groups "AngularJS" group. To unsubscribe from this group and stop receiving emails from it, send an email to [email protected]. To post to this group, send email to [email protected]. Visit this group at https://groups.google.com/group/angular. For more options, visit https://groups.google.com/d/optout.
