diff --git a/src/vector/app.js b/src/vector/app.js
index 222a76a06..e92cdd2d6 100644
--- a/src/vector/app.js
+++ b/src/vector/app.js
@@ -151,33 +151,21 @@ export async function loadApp(fragParams: {}) {
platform.startUpdater();
- try {
- // Don't bother loading the app until the config is verified
- const config = await verifyServerConfig();
- const MatrixChat = sdk.getComponent('structures.MatrixChat');
- return ;
- } catch (err) {
- console.error(err);
-
- let errorMessage = err.translatedMessage
- || _t("Unexpected error preparing the app. See console for details.");
- errorMessage = {errorMessage};
-
- // Like the compatibility page, AWOOOOOGA at the user
- const GenericErrorPage = sdk.getComponent("structures.GenericErrorPage");
- return ;
- }
+ // Don't bother loading the app until the config is verified
+ const config = await verifyServerConfig();
+ const MatrixChat = sdk.getComponent('structures.MatrixChat');
+ return ;
}
async function verifyServerConfig() {
diff --git a/src/vector/index.ts b/src/vector/index.ts
index e018893f7..1c89c4311 100644
--- a/src/vector/index.ts
+++ b/src/vector/index.ts
@@ -21,6 +21,8 @@ limitations under the License.
// Require common CSS here; this will make webpack process it into bundle.css.
// Our own CSS (which is themed) is imported via separate webpack entry points
// in webpack.config.js
+import React from "react";
+
require('gfm.css/gfm.css');
require('highlight.js/styles/github.css');
@@ -192,7 +194,10 @@ async function start() {
await loadApp(fragparts.params);
} catch (err) {
console.error(err);
- await showError(err);
+ // Like the compatibility page, AWOOOOOGA at the user
+ await showError(_t("Your Riot is misconfigured"), [
+ err.translatedMessage || _t("Unexpected error preparing the app. See console for details."),
+ ]);
}
}
start().catch(err => {