Skip to content

ionic build output truncated #3721

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Closed
kinggolf opened this issue Oct 31, 2018 · 5 comments
Closed

ionic build output truncated #3721

kinggolf opened this issue Oct 31, 2018 · 5 comments
Labels

Comments

@kinggolf
Copy link

Description:
ionic build --prod is not completely bundling, still many individual js chunks - see output below.

ionic build --prod
> ng run app:build:production

Date: 2018-10-31T02:15:35.887Z
Hash: 3496014cab8eed5ef39d
Time: 52552ms
chunk {0} common.dfd7af42618f93a6d0dc.js (common) 16.9 kB  [rendered]
chunk {1} 1.2d9e57ba514744a9b9c8.js () 852 bytes  [rendered]
chunk {2} 2.4d3882054b4afa97f7d8.js () 4.25 kB  [rendered]
chunk {3} 3.d30911794145a89129e9.js () 420 bytes  [rendered]
chunk {4} 4.d9bc89390bd6d3e65ad5.js () 91.1 kB  [rendered]
chunk {5} 5.727048f00dd1823671b6.js () 1.94 kB  [rendered]
chunk {6} runtime.be0152731275d987869a.js (runtime) 6.62 kB [entry] [rendered]
chunk {7} main.4728dcd88e6c90c96aba.js (main) 449 kB [initial] [rendered]
chunk {8} polyfills.8f80c548ed4252672d3c.js (polyfills) 59.6 kB [initial] [rendered]
chunk {9} styles.9b928e790c0cd0fbd2cb.css (styles) 16.8 kB [initial] [rendered]
chunk {10} 10.4b8169153a0d652d6abb.js () 2.71 kB  [rendered]
chunk {11} 11.2113396d8a92783cbbd3.js () 12.2 kB  [rendered]
chunk {12} 12.386a89155c50d58aa4fe.js () 12.4 kB  [rendered]
chunk {13} 13.64967299ea34313f5905.js () 12.8 kB  [rendered]
chunk {14} 14.3bd3251d6e2659f9ac75.js () 12.8 kB  [rendered]
chunk {15} 15.bde99f0eb3802299cd32.js () 31.3 kB  [rendered]
chunk {16} 16.520308a5852c18bcf35c.js () 31.3 kB  [rendered]
chunk {17} 17.f25bdffc7b6455d900b1.js () 11.1 kB  [rendered]
chunk {18} 18.1a3bddd1ea51fbe6f68b.js () 11.1 kB  [rendered]
chunk {19} 19.074e18a5a34a1fa053d9.js () 17.6 kB  [rendered]
chunk {20} 20.0a90eba3c4f2aedce19d.js () 18 kB  [rendered]
chunk {21} 21.836a911b8d30bc94a7c8.js () 7.26 kB  [rendered]
chunk {22} 22.a9194709e45dff23bdf4.js () 7.26 kB  [rendered]
chunk {23} 23.4cac38495a16244552e2.js () 12.2 kB  [rendered]
chunk {24} 24.7d7651e71c7764560ed4.js () 12.2 kB  [rendered]
chunk {25} 25.f197404b90f415e9adad.js () 3.96 kB  [rendered]
chunk {26} 26.f130eca694393c939ee2.js () 3.95 kB  [rendered]
chunk {27} 27.3ba598afcfa3705ffd20.js () 12.7 kB  [rendered]
chunk {28} 28.ffe41ec822803d6db8f9.js () 13.4 kB  [rendered]
chunk {29} 29.97f9ce928216eeaca045.js () 30 kB  [rendered]
chunk {30} 30.3de4243041074c6417ff.js () 30.1 kB  [rendered]
chunk {31} 31.3f12e242f4e9cce6e8e3.js () 7.64 kB  [rendered]
chunk {32} 32.95ed8dbbec293cd219a0.js () 7.82 kB  [rendered]
chunk {33} 33.67a118271631c8940ab2.js () 9.27 kB  [rendered]
chunk {34} 34.a2437bf8ebc2d5bb3532.js () 9.27 kB  [rendered]
chunk {35} 35.ac0663b048241c718a11.js () 21.5 kB  [rendered]
chunk {36} 36.399c97908ad2e1eb214a.js () 21.9 kB  [rendered]
chunk {37} 37.87958e41a76b42838e8b.js () 10.5 kB  [rendered]
chunk {38} 38.863ed5d38f1e2edb197f.js () 10.5 kB  [rendered]
chunk {39} 39.19d9394b80f30934cd18.js () 24.2 kB  [rendered]
chunk {40} 40.c9186d94b0458daee009.js () 25.8 kB  [rendered]
chunk {41} 41.abac55d640f75bf500de.js () 13.8 kB  [rendered]
chunk {42} 42.a46b2bbef57bdcb02bf2.js () 14.8 kB  [rendered]
chunk {43} 43.044adf3528079241d759.js () 835 bytes  [rendered]
chunk {44} 44.eb2b5db3f0d40a18bee5.js () 842 bytes  [rendered]
chunk {45} 45.c70d120779a3a1c81f52.js () 6.17 kB  [rendered]
chunk {46} 46.b4ff485583fda238da17.js () 6.31 kB  [rendered]
chunk {47} 47.aeb5cab903d0ccf0721e.js () 20 kB  [rendered]
chunk {48} 48.9e18d1170938fb1b6197.js () 20 kB  [rendered]
chunk {49} 49.3c9fef152afffc0adce2.js () 13.8 kB  [rendered]
chunk {50} 50.db5abcac094cd105fceb.js () 14.7 kB  [rendered]
chunk {51} 51.91d838e7640c5672f620.js () 5.68 kB  [rendered]
chunk {52} 52.9cf67620d5c60cb87344.js () 5.68 kB  [rendered]
chunk {53} 53.72eac39073f0d9405a1b.js () 12.7 kB  [rendered]
chunk {54} 54.b8204d032df478b29a4b.js () 12.9 kB  [rendered]
chunk {55} 55.371497fc664650fedf46.js () 6.52 kB  [rendered]
chunk {56} 56.3dc6cc33eb9e002955a5.js () 6.79 kB  [rendered]
chunk {57} 57.d94145bf7febb1650210.js () 4.8 kB  [rendered]

Steps to Reproduce:
ionic start iv4nu select Ionic 4 w/ blank template.
ionic serve OK.
ionic build --prod results in above output.
Then upgraded package.json packages:

    "@angular-devkit/architect": "0.10.3",
    "@angular-devkit/build-angular": "0.10.3",

ionic build --prod results in same above output.

My ionic info:

Ionic:

   ionic (Ionic CLI)             : 4.2.1 (/usr/local/lib/node_modules/ionic)
   Ionic Framework               : @ionic/angular 4.0.0-beta.13
   @angular-devkit/build-angular : 0.10.3
   @angular-devkit/schematics    : 0.8.6
   @angular/cli                  : 6.2.6
   @ionic/angular-toolkit        : 1.0.0

Cordova:

   cordova (Cordova CLI) : 8.1.2 ([email protected])
   Cordova Platforms     : none
   Cordova Plugins       : no whitelisted plugins (0 plugins total)

System:

   Android SDK Tools : 26.1.1 (/Users/golftocs/Library/Android/sdk)
   ios-deploy        : 1.9.2
   NodeJS            : v10.12.0 (/usr/local/bin/node)
   npm               : 6.4.1
   OS                : macOS High Sierra
   Xcode             : Xcode 10.0 Build version 10A255

Other Information:
I posted on stackoverflow and on Ionic Slack channel, but still no resolution, so this seems like a bug. Thanks for all support!

@ionitron-bot ionitron-bot bot added the triage label Oct 31, 2018
@imhoffd
Copy link
Contributor

imhoffd commented Oct 31, 2018

It is building all chunks successfully. The output truncation is due to this issue: angular/angular-cli#10922

@imhoffd imhoffd removed the triage label Oct 31, 2018
@kinggolf
Copy link
Author

kinggolf commented Nov 1, 2018

Thank you @dwieeb. My apologies if this now seems like a support question, but previously in Ionic 3, I could run ionic build --prod command and end up with 4 or 5 files in www folder that could be uploaded to a server and render correctly. Now with Ionic 4 & latest Angular, I end up with over 100 files that I need to upload for my production app:

ls www
1.da87f01fee1bfd457398.js		155.69a54205cb7c45a66dca.js		58.e15847dbf6084dc5bd6f.js
10.22197b44d7a818318446.js		156.c414a0d06fa6362a984e.js		59.77d277dc321184acbf45.js
100.122928f7dd478c1f15fe.js		157.ec769433d634a392642f.js		60.7ff0133e7e5ef41b72d3.js
101.b70706efcb0257001a82.js		158.26652187a36a7a2f09e2.js		61.aa07227246f9a2e3b510.js
102.8f0cfe8b8cdbe0e83271.js		159.43748590619738bc82fa.js		62.d641b6abf2560271ac14.js
103.0f5904226aec405f11ee.js		16.a4d914fc8754bea9639d.js		63.ad406a88bbcab88218c2.js
104.4035c594afa85443ea09.js		160.e9ea5e7b76bae01f09f8.js		64.7f17c2cdb25eba4ec328.js
105.1d5e7c9bc4d71135a47f.js		161.a09396760ff4bdff0e7f.js		65.4d0c3cf13f75f33e98ce.js
106.f337aba131e1ebbc86c1.js		162.be71cf3d37d1cdc87a3a.js		66.d1659d890ef7e399cf37.js
107.ae08db4c6c8f86813cd7.js		163.764c9d19eedb06d18b6f.js		67.104c2e1dfcb173a97198.js
108.a4da6d04ae216dbe8a58.js		164.5b503f73cf1d42fad916.js		68.f69dfdd6cd5d26061a1d.js
109.faf2577b795e2d7afcb0.js		165.b46bb6fa432a367d9b97.js		69.1a3943d77be25f0f70f6.js
11.4188e19b706b0aa1539f.js		166.5fcbd5a06a96ae4369ea.js		70.e47ad0d119c79731d21b.js
110.9394f8e44d2a1a5e2387.js		167.dccfcc509813c0736834.js		71.b1e10ea25a76049f6c38.js
111.639d9930e22c794fa017.js		168.fd7d2a2b52b88ad7e271.js		72.5660132722985ac16852.js
112.e1a7538403f2439c6e66.js		169.19428780833221b9f3d1.js		73.a372bbdd6dbd3ec29917.js
113.f18428136795c87875c8.js		17.957f4f5ae59bce45b7cf.js		74.6493a895c0a48e8dfb6c.js
114.6995e2ad47bcd5a273a6.js		18.a37907123f7f085c0c8d.js		75.cfd87b84b94104ee894c.js
115.dcd1b95634b082bcf931.js		19.61b69e80cb5f36f77f72.js		76.b4085b017ef336a50433.js
116.3e3dc4c95f5877986f94.js		2.5702fe15dd555f7730c1.js		77.3722500c27b7dff180c8.js
117.189807b71ce1dbd56f86.js		20.0bd1b37438f3838658a1.js		78.de968159f503cad5a1d4.js
118.18ebfcdaf716e47f8ff3.js		21.7083142f84884d26f10f.js		79.9b10ca481e2b1d63399d.js
119.c5dcbddab1843211e5e1.js		22.7d10ff338999859ff45b.js		80.4b2ae5e4caff93744a51.js
12.48251c9fa260907a97ac.js		23.57883ab61cff376b0aac.js		81.9f55c317e5407965c5ab.js
120.6c6d2a8132b94ea8675c.js		24.ea2b2a732076698705e6.js		82.2ad65b347632f99c6ad5.js
121.bf850cef196fb5b54bf6.js		25.db7feca69a85a03b9db1.js		83.f1f973750405ee652658.js
122.1716566fa414b862dafa.js		26.01496ae85b60f7950209.js		84.5260dca53963c2513bc2.js
123.1d284e86670dea5272d8.js		27.0c9bea52496ae30b70b0.js		85.0d6cf70ede2cecdbf138.js
124.70311d170273f3560b95.js		28.671e023eae78723e8227.js		86.7cb0f1a608b420355daf.js
125.ea2d5cd192d71915ed75.js		29.6184db2d82c1f4ec0d46.js		87.c710264ddb82849aabc1.js
126.ac9f18335d55467b5d07.js		3.d30911794145a89129e9.js		88.c4bc9354b7fbba199cb4.js
127.081ad2d5e24a723684bd.js		30.e0b636f376e21de3cb77.js		89.e95f0da5cc3402b08b3f.js
128.bf6c63edc816e86b813a.js		31.628abfdc60387fbdbb42.js		90.773580a5cb424a26b14b.js
129.3423aa2d3678f5213d4f.js		32.178b5ed8611bdc15d645.js		91.adaac457f7713ec4f5c7.js
13.b986292248351e66a3da.js		33.309a87e28593ba6fe531.js		92.138a8f860cc3451c0988.js
130.92abebf0daa5d8e801c6.js		34.865ad563971f562fe1b6.js		93.782d70897e3cf62fd611.js
131.7014fd0321e2fa0c2ea3.js		35.26242cb5988f1d0a327a.js		94.612df38faac87404d02b.js
132.5d9d2030d5d70d1abcc9.js		36.6111b46e508ca6dabae2.js		95.e462e22e44683ed8cc38.js
133.46e9031af4c2390b61b9.js		37.378f692a76f2240c5766.js		96.7001d57bfeb71dc22b32.js
134.2160ceba6260c505841c.js		38.870b673bf78de6519e94.js		97.0a6452adec9ffc77afc0.js
135.d200d5842d979d2f364c.js		39.70afced6a5c6924c6c22.js		98.7517b292596f35cb8144.js
136.719f3ec3ef5dd245688e.js		3rdpartylicenses.txt			99.c79a31dfceac88d3460a.js
137.bfd7f8c9a28432c83ec0.js		4.efdc35f7b3829bcc92d7.js		assets
138.779c109c85d677f6bd02.js		40.869af35b1ccb891d34bb.js		cnqlogoc.30dd774f7439a241fdd5.png
139.95c2c79ddee509b3a612.js		41.2ca9b3d2d2e8660f2e4f.js		common.47be782d7c9b31a4b50d.js
14.39b80476a85e82a4331d.js		42.cf481bc9f594fe94293f.js		index.html
140.9fbc3458b2a9dc5509a4.js		43.8bde5e4ca47e4baec136.js		main.c696067dd80757dccc5d.js
141.6ec52fb050895a434436.js		44.88cfd557044d346bae6d.js		manlogoc.e0820b84710494b31b0b.png
142.5ebcd81e0bb08ac1efdc.js		45.ef752bef4025b87bb135.js		onepop.030565ae3f33d136d75e.png
143.a0db2de35d2c1ee90537.js		46.f031437a22166c786170.js		onepopw.0adc7460e2cc73c22b9c.png
144.12db764ef62c280ae926.js		47.0586c43c8d796851696b.js		pluspop.a38544ae0169b8b3a163.png
145.ea896691590874f32e8b.js		48.e749306edcb812512706.js		pluspopw.320ed013a44c1875fec8.png
146.14cb5263eaad8c354263.js		49.0946ed052056fb9619dd.js		polyfills.a7adb19bdbfc9760b1eb.js
147.49f72d9a3a54a1e211b4.js		5.415fe2be97255b4093b0.js		runtime.d8aed8fd1d8ffcb2ab58.js
148.d59e2d28124ca39f46c0.js		50.143627c6e4f4d15fbd73.js		spclogoc.2e66fcab59cd9200d652.png
149.c6e12228aba294da427a.js		51.9e65360f2f9b97135083.js		styles.c093545699570f6de505.css
15.5e41f18cc88a80ee5ea5.js		52.4721ac9e4173e3603aa9.js		svg
150.c0750365aff7b3af3f56.js		53.21b796fd654ed2f4a8aa.js		threepop.234fd13cadd4a4093dbb.png
151.cb2e5ddfccd86ecee769.js		54.1adebf53a80a42048071.js		threepopw.7636c1a590b0367e83ba.png
152.36e22302b54899b8cd2f.js		55.a9feee0a4cf86b14bc44.js		twopop.ff2d201ad072278dd12c.png
153.13b4d8d23d6490f062b3.js		56.8945d0d85221cd8e1cd9.js		twopopw.465b217504b3de60c48d.png
154.4890282beed1f3092265.js		57.2f1d116c969a568aa62c.js

Indeed, after uploading all of these files to my server, the app renders properly in a browser. BTW - this is just a bonus that I get out of Ionic. The app outputs and works super well on iOS and Android, having it available via browser is just a bonus. Thank you again for all info and support. Cheers.

@imhoffd
Copy link
Contributor

imhoffd commented Nov 1, 2018

@kinggolf Cheers!

Yeah, the 100+ files is a result of trying to slim down the initial page load. Might be ugly in the www folder but it makes the app faster.

@kinggolf
Copy link
Author

kinggolf commented Nov 1, 2018

Got it @dwieeb, thanks. Then this can be closed, because I'm not having an issue with output truncation. Your call.

@imhoffd imhoffd changed the title ionic build --prod not fully bundling ionic build output truncated Nov 1, 2018
@imhoffd imhoffd added the bug label Nov 1, 2018
@imhoffd
Copy link
Contributor

imhoffd commented Nov 20, 2018

@kinggolf I was able to fix this on Ionic's end for now by having the Angular CLI inherit io streams.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Projects
None yet
Development

No branches or pull requests

2 participants