angular4~6Web前端之路程序员

Angular2打包遇到的问题与解决方法

2017-10-16  本文已影响82人  Tuzei

angular2最后想打包放到服务器,需要在文件目录运行 ng build 命令,运行完会生成一个 dist 目录,将这个目录放到服务器上就可以了。但是这一过程出了点问题,打开index.html一片空白,控制台报错

image.png

打包生成的文件路径错误找不到文件。原因可能是我的文件不是直接放在服务器根目录下。尝试去修改index.html里这些文件引用地址,可以是可以但是太麻烦了。
后来发现可以直接在ng build后面跟指定的路径,比如说
ng build --base-href /test/dist/ 或者 缩写ng build --bh /test/dist/
访问的地址是http://localhost/test/dist/
问题就解决了
要是图片引用还有问题可以把引用路径改为相对路径。

网上有的方法说吧package.json的build加上上述参数,然后ng run build也可以,我这边不行不知道为什么。大家可以试一下。

上一篇下一篇

猜你喜欢

热点阅读