angular2-template - ng2-admin aot build 无法从资产中获取图像、字体

Question

我正在按照他们的安装指南https://akveo.github.io/ng2-admin/articles/002-installation-guidelines/使用 ng2-admin 模板，它在本地运行完美，但是当我使用“npm run”创建生产版本时build:prod:aot" 并在服务器上运行它，该项目能够获取 js 文件，但所有资产都得到 404。我已经通过在 index.html 中定义基本 href 进行了测试，但无法解决问题。

Answer 1

刚刚更新了以下两个文件： 1. src/app/theme/sass/conf/_variables.scss

$assets-root: '{replace to your path}/assets';

2.src/app/theme/sass/_icons.scss

@include svg-icon('{replace to your path}/assets/img/' + $iconName + '.svg', $width, $height);

好好享受

Answer 2

我有一个类似的问题，所以我将文件“_ng2.scss”更改为以下内容：

line 68:  $mainBgUrl: "../../" + $assets-root + $images-root + 'sky-bg.jpg';

Answer 3

您是否检查过这些资产是否真的存在于服务器上？资产是否被复制到构建目录并部署？

Answer 4

我终于找到了解决方案。

请将“package.json”编辑为下图。

我添加了第 29 行：

在这里，我部署到本地机器上的http://localhost/ng2admin/dist。

接着：

C:\xampp\htdocs\ng2admin> npm run build:demo

这是我的最终解决方案。