Question

我正在使用IntelliJ创建NDV3 AngularJS图形演示。

我创建了一个标准的html文件（index.html），并在资源文件夹（定义为资源）中的文件夹（bower_components）中添加了所有必需的AngularJS和NDV3库。

然后我在html文件中添加了所有必需的代码，包括上述库通过脚本标签。

当我运行应用程序时，屏幕显示为空白，这意味着图书馆无法以某种方式被拾取。

有谁知道我做错了什么？

Answer 1

我创建和测试应用程序就像你的..

的web.xml

<!DOCTYPE web-app PUBLIC
 "-//Sun Microsystems, Inc.//DTD Web Application 2.3//EN"
 "http://java.sun.com/dtd/web-app_2_3.dtd" >

<web-app>
  <display-name>Archetype Created Web Application</display-name>
</web-app>

的index.html

<!doctype html>
<html lang="en" ng-app="phonecat">
<head>
  <meta charset="utf-8">
  <title>Google Phone Gallery</title>
  <link rel="stylesheet" href="css/app.css">
  <link rel="stylesheet" href="css/bootstrap.css">
  <script src="/resources/bower_components/angular/angular.js"></script>
  <script src="js/app.js"></script>
  <script src="js/controllers.js"></script>
  <script src="js/filters.js"></script>
  <script src="js/services.js"></script>
  <script src="/resources/bower_components/angular/angular-resource.js"></script>
</head>
<body>

  <div ng-view></div>

</body>
</html>

它对我有用..

问题在于你的java脚本文件src属性，它没有正确指向js文件

<script src="resources/bower_components/angular/angular.js"></script>

改为

<script src="/resources/bower_components/angular/angular.js"></script>

我相信你的问题会得到解决

Answer 2

检查以下链接

static file mapping

another post

<servlet>       
  <servlet-name>default</servlet-name>         
  <servlet-class>org.springframework.web.servlet.DispatcherServlet</servlet-class>     
</servlet> 

<servlet-mapping>
            <servlet-name>default</servlet-name>
            <url-pattern>/resources/*</url-pattern>
    </servlet-mapping>

IntelliJ中的JS库没有被选中

2 个答案: