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

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容