Question

我已经在angularjs PhoneCat教程（http://www.inoneo.com/en/blog/14/grails/angular-phonecat-tutorial-using-a-grails-backend）之后创建了一个grails应用程序。当我尝试运行应用程序时，索引页面显示为空白。我已经粘贴了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：missing;在声明之前我搜索了多个类似的主题，但仍无法弄清楚问题。任何帮助都非常感谢。

Answer 1

在示例中，静态资源位于/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）。

Grails angularjs phoneCat示例显示空白的index.gsp页面

1 个答案: