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

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也可以，我这边不行不知道为什么。大家可以试一下。