无法加载javascript& jsp中的css文件

时间:2016-07-23 05:14:51

标签: javascript html jsp spring-mvc webpack

我创建了一个spring应用程序,它可以加载一个jsp页面。这个jsp包含一个html页面,它引用了所有的javascript和amp; css文件。这个html以及所有js& css文件是使用webpack创建的。现在运行应用程序,它无法找到js& css文件,虽然它正在加载html文件

JSP

这个jsp只包含html页面。此app.html是使用webpack创建的。其中publicwebpack存储生成文件的文件夹。这是在webpack.config.js

中配置的
<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
    pageEncoding="ISO-8859-1"%>
    <jsp:include page="../../public/app.html"></jsp:include>

我正在使用webpack HtmlWebpackPlugin来创建html页面。以下是用于生成HTML文件的基本webpack配置

plugins: [
        new HtmlWebpackPlugin({ // Will create a base html file
            title: 'Webpack demo',
            filename: 'app.html', // new file that will be created
            template: './views/index.html', // template file
            inject: 'body' // scripts & css will be included in body
        }),
        new ExtractTextPlugin('app.main.css') // for css
  ]

这将创建HTML文件,并将在此html中注入cssjs个文件 这也将照顾这些js&amp; amp; css文件位于。

以下是生成的HTML文件

<!DOCTYPE html>
<html>
<head>
<meta charset="ISO-8859-1">
<title>Insert title here</title>
<link href="app.main.css" rel="stylesheet"></head>
<body>
<script type="text/javascript" src="manifest.02a08507b8282060709c.js">
</script><script type="text/javascript" src="vendor.6d74f16c09917449a7c6.js"></script>
<script type="text/javascript" src="app.5ea1ec15937cea814094.js"></script></body>
</html>

问题

虽然应用程序能够加载jsp及其包含的html页面但是它无法引用js&amp; css页面,包含在此html的body中。但是当我在浏览器中直接打开这个app.html页面时,它指的是所有的js&amp; css页。

以下是一些插图快照

项目结构

Project structure

从开发者工具中检查

Inspecting element to check the files inclusion

找不到文件错误 Network error file not found

0 个答案:

没有答案