composer install
npm install
Create .env
file (can be based on .env.example
php artisan key:generate
npm run prod
npm run dev
php artisan serve
'template': require('./first.template.html'),
Laravel 5 and Angular 2 example
composer install
npm install
Create .env
file (can be based on .env.example
php artisan key:generate
npm run prod
npm run dev
php artisan serve
'template': require('./first.template.html'),
File vendor.js not defined in asset manifest
array-union package is not included by default in package.json, although it is required when firing gulp build system.
In repository description is "Laravel 2 and Angular 2".
This line shows 'cannot find name io'. I tried to import socket.io-client like 'import * as io from "socket.io-client'. But it didnt work. So basically how do i use socket.io-client in this. Please help..
Using laravel homestead vm.
"gulp-watch" command not found
"gulp watch" starts watching, but can't detect any changes in resources/assets/typescript/. Some times detects changes when nothing was changed.
When running npm run dev
, I see that the node
process is pretty much sitting at 100% at all times. This is true even when Webpack has finished and it's just watching for changes. Any pointers? (Still new to Webpack, so not 100% sure where to start)
Im fairly new to Laravel, but how come this project structure resembles me about laravel 5.2. For example, wheres the Routes folder and web.php? In 5.3 Routes.php moved from app/http to its own directory in the root
Just to test I've cloned this project, but this error when I run gulp is thrown.
/home/vagrant/Code/laravel-5-angular-2-example/node_modules/laravel-elixir-webpack-ex/index.js:48 (new Notification).error(e, 'Webpack Compilation Failed!'); ^ TypeError: Notification is not a function at Stream.<anonymous> (/home/vagrant/Code/laravel-5-angular-2-example/node_modules/laravel-elixir-webpack-ex/index.js:48:10) at emitOne (events.js:95:20) at Stream.emit (events.js:182:7) at /home/vagrant/Code/laravel-5-angular-2-example/node_modules/laravel-elixir-webpack-ex/node_modules/webpack-stream/index.js:112:14 at Compiler.<anonymous> (/home/vagrant/Code/laravel-5-angular-2-example/node_modules/webpack/lib/Compiler.js:194:14) at Compiler.emitRecords (/home/vagrant/Code/laravel-5-angular-2-example/node_modules/webpack/lib/Compiler.js:282:37) at Compiler.<anonymous> (/home/vagrant/Code/laravel-5-angular-2-example/node_modules/webpack/lib/Compiler.js:187:11) at /home/vagrant/Code/laravel-5-angular-2-example/node_modules/webpack/lib/Compiler.js:275:11 at Compiler.next (/home/vagrant/Code/laravel-5-angular-2-example/node_modules/tapable/lib/Tapable.js:67:11) at Compiler.<anonymous> (/home/vagrant/Code/laravel-5-angular-2-example/node_modules/laravel-elixir-webpack-ex/node_modules/webpack-stream/index.js:153:7)
File vendor.js not defined in asset manifest. (View: C:\xampp\htdocs\laravel-5-angular-2-example\resources\views\scripts-import.blade.php) (View: C:\xampp\htdocs\laravel-5-angular-2-example\resources\views\scripts-import.blade.php)
http://i.prntscr.com/83b520e01c104914997c4088d847e2df.png
Tested on 2 different pc. Webpack build takes about 15~20 seconds. (gulp and gulp watch)
Its very hard to code when you have to wait about 20sec at every code change.
Maybe it is possible to gulp vendor.js just once, while I'm working with for example html template. because I think he takes the most time.
Hi, gulp
command throws exception like this below. How can I fix it? Thanks for your answer.
C:\Users\r\Downloads\laravel-5-angular-2-example-master\node_modules\laravel -elixir-webpack-official\node_modules\webpack\lib\Chunk.js:34 throw new Error("Chunk.entry was removed. Use hasRuntime()"); ^ Error: Chunk.entry was removed. Use hasRuntime() at Chunk.Object.defineProperty.get (C:\Users\r\Downloads\laravel-5-angul ar-2-example-master\node_modules\laravel-elixir-webpack-official\node_modules\we bpack\lib\Chunk.js:34:9) at Compilation.processCommonChunk (C:\Users\r\Downloads\laravel-5-angula r-2-example-master\node_modules\webpack\lib\optimize\CommonsChunkPlugin.js:82:21 ) at Array.forEach (native) at Compilation.<anonymous> (C:\Users\r\Downloads\laravel-5-angular-2-exa mple-master\node_modules\webpack\lib\optimize\CommonsChunkPlugin.js:67:17) at Compilation.applyPluginsBailResult (C:\Users\r\Downloads\laravel-5-an gular-2-example-master\node_modules\laravel-elixir-webpack-official\node_modules \tapable\lib\Tapable.js:52:27) at Compilation.seal (C:\Users\r\Downloads\laravel-5-angular-2-example-ma ster\node_modules\laravel-elixir-webpack-official\node_modules\webpack\lib\Compi lation.js:541:8) at Compiler.<anonymous> (C:\Users\r\Downloads\laravel-5-angular-2-exampl e-master\node_modules\laravel-elixir-webpack-official\node_modules\webpack\lib\C ompiler.js:436:15) at C:\Users\r\Downloads\laravel-5-angular-2-example-master\node_modules\ laravel-elixir-webpack-official\node_modules\tapable\lib\Tapable.js:152:11 at Compilation.<anonymous> (C:\Users\r\Downloads\laravel-5-angular-2-exa mple-master\node_modules\laravel-elixir-webpack-official\node_modules\webpack\li b\Compilation.js:438:10) at C:\Users\r\Downloads\laravel-5-angular-2-example-master\node_modules\ laravel-elixir-webpack-official\node_modules\webpack\lib\Compilation.js:414:12
Hi everybody. Do you now someone to make configuration Angular 2 with AOT on the laravel?
A declarative, efficient, and flexible JavaScript library for building user interfaces.
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. ๐๐๐
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google โค๏ธ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.