Question

在tomcat8.5服务器上部署应用程序时，导入的css和js文件未加载angular.json。本地正常工作

评论：

此服务器在访问用于服务器IP的应用程序或远程访问服务器时具有指向外部访问的链接，但是通过外部访问链接，不会加载Css和js。

我使用基本href =“ / Project”，而不是angular.json，我将路径定义如下：

"node_modules / primeicons / primeicons.css",
"src / styles.css",
"node_modules / owl.carousel / dist / assets / owl.carousel.min.css",
"node_modules / owl.carousel / dist / assets / owl.theme.default.min.css",
"node_modules / bootstrap / dist / css / bootstrap.min.css",
"src / bootstrap3 / bootstrap3.min.css",
"node_modules / font-awesome / css / font-awesome.css",
"node_modules / primeng / resources / primeng.css",
"node_modules / primeng / resources / themes / nova-light / theme.css"

我已经尝试过：

使用config --extract-css = false进行项目构建并且我已经在angular.json中将此属性更改为false

评论：

检查页面时，文件可能恰好是一个错误

Failed to load resource: net :: ERR_CONNECTION_RESET

，并且此错误表明它属于样式。e7efefb7ef5355459826.js：1

我进行了生产构建

Answer 1

您应该在src文件夹中尝试ng build --prod吗？

Answer 2

使用base href ng构建--prod --base-href / Project / 您的索引HTML无法找到js包的相对路径

CSS和JS文件未加载到生产环境

2 个答案: