Start server before starting client compile

.travis.yml

@@ -1,4 +1,4 @@
 language: node_js
 node_js:
   - 6
-script: yarn run e2e --runInBand
+script: yarn run e2e -- --runInBand

package.json

@@ -31,7 +31,8 @@
     "testPathIgnorePatterns": [
       "<rootDir>/coverage/",
       "<rootDir>/node_modules/",
-      "<rootDir>/examples/"
+      "<rootDir>/examples/",
+      "<rootDir>/test/"
     ],
     "collectCoverageFrom": [
       "**/*.js"

packages/razzle/config/FriendlyErrorsPlugin.js

@@ -40,24 +40,20 @@ class WebpackErrorsPlugin {
         }
       }
 
-      if (messages.errors.length) {
-        if (
-          rawMessages.errors &&
+      if (
+        messages.errors.length &&
+        !(rawMessages.errors &&
           rawMessages.errors.length > 0 &&
           (rawMessages.errors[0].includes('assets.json') ||
-            rawMessages.errors[0].includes("Module not found: Can't resolve"))
-        ) {
-          return;
-        }
-
+            rawMessages.errors[0].includes("Module not found: Can't resolve")))
+      ) {
         messages.errors.forEach(e => {
           logger.error(
             `Failed to compile ${this.target} with ${messages.errors.length} errors`,
             e
           );
         });
-
-        return;
+        // return;
       }
 
       if (messages.warnings.length) {

packages/razzle/config/create-config.js

@@ -255,24 +255,30 @@ module.exports = (
       // Configure webpack-dev-server to serve our client-side bundle from
       // http://${dotenv.raw.HOST}:3001
       config.devServer = {
-        host: dotenv.raw.HOST,
         disableHostCheck: true,
+        clientLogLevel: 'none',
+        // Enable gzip compression of generated files.
+        compress: true,
         // watchContentBase: true,
         headers: {
           'Access-Control-Allow-Origin': '*',
         },
+        historyApiFallback: {
+          // Paths with dots should still use the history fallback.
+          // See https://github.com/facebookincubator/create-react-app/issues/387.
+          disableDotRule: true,
+        },
+        host: dotenv.raw.HOST,
+        hot: true,
+        noInfo: true,
+        overlay: false,
+        port: devServerPort,
+        quiet: true,
         // Reportedly, this avoids CPU overload on some systems.
         // https://github.com/facebookincubator/create-react-app/issues/293
         watchOptions: {
           ignored: /node_modules/,
         },
-        // Enable gzip compression of generated files.
-        compress: true,
-        port: devServerPort,
-        noInfo: true,
-        quiet: true,
-        historyApiFallback: true,
-        hot: true,
       };
       // Add client-only development plugins
       config.plugins = [

packages/razzle/scripts/start.js

@@ -50,9 +50,19 @@ if (razzle.modify) {
   );
 }
 
+const serverCompiler = compile(serverConfig);
+
+// Start our server webpack instance in watch mode.
+serverCompiler.watch(
+  {
+    quiet: true,
+    stats: 'none',
+  },
+  stats => {}
+);
+
 // Compile our assets with webpack
 const clientCompiler = compile(clientConfig);
-const serverCompiler = compile(serverConfig);
 
 // Create a new instance of Webpack-dev-server for our client assets.
 // This will actually run on a different port than the users app.
@@ -68,15 +78,6 @@ clientDevServer.listen(
   }
 );
 
-// Start our server webpack instance in watch mode.
-serverCompiler.watch(
-  {
-    quiet: true,
-    stats: 'none',
-  },
-  stats => {}
-);
-
 // Webpack compile in a try-catch
 function compile(config) {
   let compiler;