Witam,
Próbuję zrobić aplikację na Spring Boot i Angular. Korzystałem już z różnych tutoriali i poradników jednak za każdym razem jak próbuję założyc projekt tym poleceniem : ng new AngularProject to wyskakuje mi błąd : This command can not be run inside of a CLI project.
Czy miał ktoś kiedyś podobny problem ? W jaki sposób można to rozwiązać ??
PS: Korzystam z tego tutoriala : http://javasampleapproach.com/java-integration/integrate-angular-4-springboot-web-app-springtoolsuite#I_Technologies
Polecam skorzystanie z JHipster. Spring Boot + Angular/React. Prosta i szybka, a jednocześcnie bezbolesna konfiguracja.
Nie wiem co jest, ale w żaden sposób nie mogę zrobić projektu. @theacid skorzystałem z twojego pomysłu z jhipster. Jednak też wywala mi błędy przy instalacji.
Coś takiego wyrzuca :
"Error: ERROR! webpack:build failed.
at Environment.error (C:\Users\dell\AppData\Roaming\npm\node_modules\generator-jhipster\node_modules\yeoman-environment\lib\environment.js40)
at module.exports.error (C:\Users\dell\AppData\Roaming\npm\node_modules\generator-jhipster\generators\generator-base.js18)
at module.exports.end (C:\Users\dell\AppData\Roaming\npm\node_modules\generator-jhipster\generators\client\index.js18)
at Object.<anonymous> (C:\Users\dell\AppData\Roaming\npm\node_modules\generator-jhipster\node_modules\yeoman-generator\lib\index.js25)
at C:\Users\dell\AppData\Roaming\npm\node_modules\generator-jhipster\node_modules\yeoman-generator\node_modules\run-async\index.js25
at new Promise (<anonymous>)
at C:\Users\dell\AppData\Roaming\npm\node_modules\generator-jhipster\node_modules\yeoman-generator\node_modules\run-async\index.js19
at self.env.runLoop.add.completed (C:\Users\dell\AppData\Roaming\npm\node_modules\generator-jhipster\node_modules\yeoman-generator\lib\index.js11)
at runCallback (timers.js18)
at tryOnImmediate (timers.js5)
Emitted 'error' event at:
at Immediate.setImmediate (C:\Users\dell\AppData\Roaming\npm\node_modules\generator-jhipster\node_modules\yeoman-generator\lib\index.js18)
at runCallback (timers.js18)
at tryOnImmediate (timers.js5)
at processImmediate (timers.js5)"
Nie pomogę z błędami w JHipster ponieważ nigdy nie miałem z nim problemu. Tak samo z czystym Spring Boot + Angular. Z drugiej strony nigdy też nie robiłem projektu pod Windows więc...
Ostatni projekt, który robiłem w Spring Boot z Angularem (bez użycia JHipster) składał się z:
Następnie instalacji Angular CLI
$ npm install -g @angular/cli
Po instalacji CLI sprawdź czy zostało zainstalowane poprawnie:
$ ng -v
Powinieneś dostać coś podobnegodo:
Angular CLI: 1.6.7
Node: 9.5.0
Jako package managera używałem yarn - ustawia sie go za pomocą
$ ng set --global packageManager=yarn
Teraz musisz zastanowić się gdzie chcesz trzymać Angulara w projekcie. Ja trzymam jako osobny projekt wydzielony z katalogu Springa. Tak więc mam główny katalog, a w nim dwa katalogi (pierwszy dla Spring, a drugi dla Angular) np.
spring-app oraz spring-app-ui
W katalogu głównym uruchamiam:$ ng new spring-app-ui -routing, a po zbudowaniu sprawdzam komendą: ng -v w wyniku powinieneś dostać coś takiego:
Angular CLI: 1.6.7
Node: 9.5.0
Angular: 5.2.3
... animations, common, compiler, compiler-cli, core, forms
... http, language-service, platform-browser
... platform-browser-dynamic, router
@angular/cli: 1.6.7
@angular-devkit/build-optimizer: 0.0.42
@angular-devkit/core: 0.0.29
@angular-devkit/schematics: 0.0.52
@ngtools/json-schema: 1.1.0
@ngtools/webpack: 1.9.7
@schematics/angular: 0.1.17
typescript: 2.5.3
webpack: 3.10.0
*wersje zapewne będą się różniły.
Aby uruchomić projekt Angularowy zbudowany przed chwilą wpisz:
$ npm start
Wynikiem powinien być komunikat: webpack: Compiled successfully.
Uruchom przeglądarkę, wpisz http://localhost:4200 i powinieneś widzieć tutaj stronę główną nowego projektu Angularowego. Jeżeli masz po drodze jakieś błędy to widocznie coś źle zainstalowałeś lub nie zainstalowałeś. Innej możliwości nie widzę. Z racji tego, że na Windowsach nie bardzo się znam to nie pomogę w tych błędach (możesz pogrzebać w Google).