Grails angularjs phoneCat пример показывает пустую страницу index.gsp

Я создал приложение grails, следуя инструкциям по PhoneCat angularjs здесь (http://www.inoneo.com/en/blog/14/grails/angular-phonecat-tutorial-using-a-grails-backend). Когда я попытался запустить приложение, индексная страница выходит пустым. Я вставил ниже содержание index.gsp и то, что я был в состоянии получить, когда я рассматривал источник того, что отображаетсяGrails angularjs phoneCat пример показывает пустую страницу index.gsp

<!doctype html> 
<html lang="en"> 
<!--[if lt IE 7 ]> <html lang="en" class="no-js ie6"> <![endif]--> 
<!--[if IE 7 ]> <html lang="en" class="no-js ie7"> <![endif]--> 
<!--[if IE 8 ]> <html lang="en" class="no-js ie8"> <![endif]--> 
<!--[if IE 9 ]> <html lang="en" class="no-js ie9"> <![endif]--> 
<!--[if (gt IE 9)|!(IE)]><!--> <html lang="en" class="no-js"><!--<![endif]--> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> 
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> 
<title>Google Phone Gallery</title> 
<meta name="viewport" content="width=device-width, initial-scale=1.0"> 
<r:require module="angular"/> 
<r:layoutResources/> 
</head> 

<body> 
<div class="view-container" ng-app="phonecatApp"> 
<div ng-view class="view-frame"></div> 
</div> 
<r:layoutResources/> 
</body> 

</html> 

=============== 
Source 
<!doctype html> 
<html lang="en"> 
<!--[if lt IE 7 ]> <html lang="en" class="no-js ie6"> <![endif]--> 
<!--[if IE 7 ]> <html lang="en" class="no-js ie7"> <![endif]--> 
<!--[if IE 8 ]> <html lang="en" class="no-js ie8"> <![endif]--> 
<!--[if IE 9 ]> <html lang="en" class="no-js ie9"> <![endif]--> 
<!--[if (gt IE 9)|!(IE)]><!--> <html lang="en" class="no-js"><!--<![endif]--> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> 
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> 
<title>Google Phone Gallery</title> 
<meta name="viewport" content="width=device-width, initial-scale=1.0"> 

<link href="/dropstore/static/bundle-bundle_angular_head.css"  

type="text/css" rel="stylesheet" media="screen, projection" /> 



</head> 

<body> 
<div class="view-container" ng-app="phonecatApp"> 
<div ng-view class="view-frame"></div> 
</div> 
<script src="/dropstore/static/bundle-bundle_angular_defer.js" type="text/javascript"> 
</script> 
</body> 
</html> 
========

Я также получаю ошибку, которая выглядит следующим образом в моем FireFox консоли SyntaxError: отсутствует ; перед выпиской Я искал несколько похожих тем, но все еще не смог найти проблему
. Любая помощь высоко ценится.

источник

2014-10-03 Teejay

Я все еще борюсь с этой проблемой, кто-нибудь, пожалуйста, помогите. – Teejay

В примере, статические ресурсы расположены под /GrailsAngularPhonecat/ как:

/GrailsAngularPhonecat/static/bundle-bundle_angular_defer.js"

Или в вашем примере это:

/dropstore/static/bundle-bundle_angular_defer.js

Что-то не так с пути к статическим ресурсам, попробуйте снова проверить проект.

Этот пример был выполнен с использованием Grails 2.3.7 https://grails.org/download, вам нужно запустить ту же версию, чтобы запустить его.

Чтобы упростить пример, у меня есть added a WAR, поэтому вы можете развернуть его на сервере приложений (например, Tomcat).

источник

2014-10-24 23:20:43

Спасибо за ваш ответ, я попробую его и дам вам знать, работает ли он. – Teejay

Я изменил версию моих граалов до 2.4.4, затем я изменил BuildConfig.groovy, чтобы иметь необходимые последние плагины, а затем он работает. – Teejay

Grails angularjs phoneCat пример показывает пустую страницу index.gsp

ответ

Смежные вопросы