@ngxs/store 3.8.1-dev.master-b132a8a → 3.8.1-dev.master-43ab43c

package/fesm2020/ngxs-store.mjs

@@ -48,10 +48,17 @@ function getZoneWarningMessage() {
 function getUndecoratedStateInIvyWarningMessage(name) {
     return `'${name}' class should be decorated with @Injectable() right after the @State() decorator`;
 }
-function getInvalidInitializationOrderMessage() {
-    return ('You have an invalid state initialization order. This typically occurs when `NgxsModule.forFeature`\n' +
+function getInvalidInitializationOrderMessage(addedStates) {
+    let message = 'You have an invalid state initialization order. This typically occurs when `NgxsModule.forFeature`\n' +
         'or `provideStates` is called before `NgxsModule.forRoot` or `provideStore`.\n' +
-        'One example is when `NgxsRouterPluginModule.forRoot` is called before `NgxsModule.forRoot`.');
+        'One example is when `NgxsRouterPluginModule.forRoot` is called before `NgxsModule.forRoot`.';
+    if (addedStates) {
+        const stateNames = Object.keys(addedStates).map(stateName => `"${stateName}"`);
+        message +=
+            '\nFeature states added before the store initialization is complete: ' +
+                `${stateNames.join(', ')}.`;
+    }
+    return message;
 }
 function throwSelectFactoryNotConnectedError() {
     throw new Error('You have forgotten to import the NGXS module!');
@@ -1798,7 +1805,7 @@ class LifecycleStateManager {
             // that modules or providers are in an invalid order.
             action instanceof UpdateState &&
                 !this._initStateHasBeenDispatched) {
-                console.error(getInvalidInitializationOrderMessage());
+                console.error(getInvalidInitializationOrderMessage(action.addedStates));
             }
         }
         this._internalStateOperations