You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
I have vuejs2 web application which uses DevExtreme components. It has quite a few components which uses DataGrid, and only one component which uses PivotGrid.
When I run it locally with npm run serve, it works as expected. When I try to build it using npm run build it gives following error -
npm run build
> some-project@0.1.0 build /home/bopsi/Projects/some-project
> vue-cli-service build
⠏ Building for production...
<--- Last few GCs --->
[60971:0x2210a20] 84981 ms: Scavenge 1332.6 (1414.2) -> 1332.3 (1414.7) MB, 3.3 / 0.0 ms (average mu = 0.343, current mu = 0.399) allocation failure
[60971:0x2210a20] 84984 ms: Scavenge 1332.9 (1414.7) -> 1332.7 (1415.7) MB, 2.7 / 0.0 ms (average mu = 0.343, current mu = 0.399) allocation failure
[60971:0x2210a20] 84990 ms: Scavenge 1333.3 (1415.7) -> 1333.0 (1416.2) MB, 4.1 / 0.0 ms (average mu = 0.343, current mu = 0.399) allocation failure
<--- JS stacktrace --->
==== JS stack trace =========================================
0: ExitFrame [pc: 0x218bffb5452b]
1: StubFrame [pc: 0x218bffaa25d4]
Security context: 0x0dcecf72ee11 <JSObject>
2: _replaceInStringNode [0x1e693e2db331] [/home/bopsi/Projects/some-project/node_modules/webpack-sources/lib/ReplaceSource.js:~194] [pc=0x218c00dfca63](this=0x3a3d81596ce1 <Source map = 0x23284e8905e9>,output=0x3b0c7f415bb9 <JSArray[1611]>,replace=0x3b0c7f415b69 <ReplacementEnumerator map = 0xdae8743a...
FATAL ERROR: Ineffective mark-compacts near heap limit Allocation failed - JavaScript heap out of memory
1: 0x7f54068d946c node::Abort() [/lib/x86_64-linux-gnu/libnode.so.64]
2: 0x7f54068d94b5 [/lib/x86_64-linux-gnu/libnode.so.64]
3: 0x7f5406b05e6a v8::Utils::ReportOOMFailure(v8::internal::Isolate*, char const*, bool) [/lib/x86_64-linux-gnu/libnode.so.64]
4: 0x7f5406b060e1 v8::internal::V8::FatalProcessOutOfMemory(v8::internal::Isolate*, char const*, bool) [/lib/x86_64-linux-gnu/libnode.so.64]
5: 0x7f5406ea0c66 [/lib/x86_64-linux-gnu/libnode.so.64]
6: 0x7f5406eb2043 v8::internal::Heap::PerformGarbageCollection(v8::internal::GarbageCollector, v8::GCCallbackFlags) [/lib/x86_64-linux-gnu/libnode.so.64]
7: 0x7f5406eb2930 v8::internal::Heap::CollectGarbage(v8::internal::AllocationSpace, v8::internal::GarbageCollectionReason, v8::GCCallbackFlags) [/lib/x86_64-linux-gnu/libnode.so.64]
8: 0x7f5406eb491d v8::internal::Heap::AllocateRawWithLigthRetry(int, v8::internal::AllocationSpace, v8::internal::AllocationAlignment) [/lib/x86_64-linux-gnu/libnode.so.64]
9: 0x7f5406eb4975 v8::internal::Heap::AllocateRawWithRetryOrFail(int, v8::internal::AllocationSpace, v8::internal::AllocationAlignment) [/lib/x86_64-linux-gnu/libnode.so.64]
10: 0x7f5406e80dda v8::internal::Factory::NewFillerObject(int, bool, v8::internal::AllocationSpace) [/lib/x86_64-linux-gnu/libnode.so.64]
11: 0x7f540710c31e v8::internal::Runtime_AllocateInNewSpace(int, v8::internal::Object**, v8::internal::Isolate*) [/lib/x86_64-linux-gnu/libnode.so.64]
12: 0x218bffb5452b
Aborted (core dumped)
npm ERR! code ELIFECYCLE
npm ERR! errno 134
npm ERR! some-project@0.1.0 build: `vue-cli-service build`
npm ERR! Exit status 134
npm ERR!
npm ERR! Failed at the some-prroject@0.1.0 build script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.
npm ERR! A complete log of this run can be found in:
npm ERR! /home/bopsi/.npm/_logs/2020-06-23T09_12_51_147Z-debug.log
Troubleshooting:
Initially I thought it's heap space issue, so I tried running build with npm run build -- --max-old-space-size=8192. It gave same result. FAILURE
Then I tried removing the PositionViewer.vue, the last compnent I added to the project and the build was a SUCCESS. So definitely root-cause is within this file.
Commented out only element. FAILURE
Commented out api call in mounted hook. FAILURE
Commented out PivotGrid related imports in the component instead to removing the whole component. SUCCESS.
There is definitely something wrong with the imports, which causes memoryleak and fails the build. Listing down the relevant files -
I am guessing this is a bug in pivot-grid module in devextreme-vue package itself. If that is the case then which specific version fixes it? If root-cause is something else then please point that out.
The text was updated successfully, but these errors were encountered:
I have vuejs2 web application which uses DevExtreme components. It has quite a few components which uses DataGrid, and only one component which uses PivotGrid.
When I run it locally with
npm run serve
, it works as expected. When I try to build it usingnpm run build
it gives following error -Troubleshooting:
There is definitely something wrong with the imports, which causes memoryleak and fails the build. Listing down the relevant files -
PositionViewer.vue -
package.json -
I am guessing this is a bug in pivot-grid module in devextreme-vue package itself. If that is the case then which specific version fixes it? If root-cause is something else then please point that out.
The text was updated successfully, but these errors were encountered: