ng-cli 6和字体真棒图标不起作用

Jak*_*ake 5 font-awesome angular angular-cli-v6

我正在使用超棒的4.70,Angular 6.0.8和cli 6.0.8(下面有完整版本),我正在尝试用cli的“ ng build”替换我们现有的webpack进程。我遇到了字体真棒图标无法显示的问题。过去,我曾在较旧的版本中看到过类似的问题,但是我还没有找到解决方案。

我将字体挂在我的资产中

assets:[
    "./node_modules/font-awesome/fonts",
    //other assets
]
Run Code Online (Sandbox Code Playgroud)

我在angula.json的样式部分中加入了CSS

styles:[
    "./node_modules/font-awesome/css/font-awesome.css",
    //other styles
]
Run Code Online (Sandbox Code Playgroud)

我不是在使用“ ng serve”,而是在使用build命令来编译我的代码。在浏览器中,我得到这些错误。

GET http:// localhost:29380 / fontawesome-webfont.woff2?v = 4.7.0 404(未找到)

GET http:// localhost:29380 / fontawesome-webfont.woff?v = 4.7.0 404(未找到)

GET http:// localhost:29380 / fontawesome-webfont.ttf?v = 4.7.0 404(未找到)

我在输出目录中看到了资产,但是由于某些原因,这些资产不可用,我得到了404。

在此处输入图片说明

小智 -7

单击font-awesome/fonts/fontawesome-webfont.ttffont-awesome/fonts/FontAwesome.otf归档并在您的操作系统中安装FontAwesome 字体