php - Setting up Laravel 5.2.39 with AngularJS 2 RC 3 -
please bear me new laravel , angular 2, , have 5 days trying set laravel 5.2.39 angular 2 rc 3. getting "laravel 5" , "loading..."
my package.json
{ "name": "ang", "version": "1.0.0", "scripts": { "start": "tsc && concurrently \"npm run tsc:w\" \"npm run lite\" ", "lite": "lite-server", "postinstall": "typings install", "tsc": "tsc", "tsc:w": "tsc -w", "typings": "typings" }, "license": "isc", "dependencies": { "@angular/common": "2.0.0-rc.3", "@angular/compiler": "2.0.0-rc.3", "@angular/core": "2.0.0-rc.3", "@angular/forms": "0.1.1", "@angular/http": "2.0.0-rc.3", "@angular/platform-browser": "2.0.0-rc.3", "@angular/platform-browser-dynamic": "2.0.0-rc.3", "@angular/router": "3.0.0-alpha.8", "@angular/router-deprecated": "2.0.0-rc.2", "@angular/upgrade": "2.0.0-rc.3", "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.12", "bootstrap": "^3.3.6" }, "devdependencies": { "concurrently": "^2.0.0", "lite-server": "^2.2.0", "typescript": "^1.8.10", "typings":"^1.0.4", "gulp": "^3.9.1", "laravel-elixir": "^5.0.0", "bootstrap-sass": "^3.0.0" } } my tsconfig.json
{ "compileroptions": { "target": "es5", "module": "commonjs", "moduleresolution": "node", "sourcemap": true, "emitdecoratormetadata": true, "experimentaldecorators": true, "removecomments": false, "noimplicitany": false } } my gulpfile.js
var elixir = require('laravel-elixir'); /* |-------------------------------------------------------------------------- | elixir asset management |-------------------------------------------------------------------------- | | elixir provides clean, fluent api defining basic gulp tasks | laravel application. default, compiling sass | file our application, publishing vendor resources. | */ elixir(function(mix) { mix.sass('app.scss'); mix.copy('node_modules/**/*', './public/lib/'); }); my welcome.blade.php
<!doctype html> <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">--}} <style> html, body { height: 100%; } body { margin: 0; padding: 0; width: 100%; display: table; font-weight: 100; font-family: 'lato'; } .container { text-align: center; display: table-cell; vertical-align: middle; } .content { text-align: center; display: inline-block; } .title { font-size: 96px; } </style> <!-- 1. load libraries --> <!-- polyfill(s) older browsers --> <script src="lib/core-js/client/shim.min.js"></script> <script src="lib/zone.js/dist/zone.js"></script> <script src="lib/reflect-metadata/reflect.js"></script> <script src="lib/systemjs/dist/system.src.js"></script> <!-- 2. configure systemjs --> <script src="systemjs.config.js"></script> <script> // system.import('app').catch(function(err){ console.error(err); }); </script> </head> <!-- 3. display application --> <body> <div class="container"> <div class="content"> <div class="title">laravel 5</div> </div> </div> <my-app>loading...</my-app> <my-app></my-app> </body> </html>
for of others may encounter same situation, managed working though of repo
Comments
Post a Comment