fix: use friendly-errors plugin in client only to prevent duplicate error messages

lib/builder/webpack/base.mjs

@@ -1,6 +1,5 @@
 import path from 'path'
 
-import FriendlyErrorsWebpackPlugin from '@nuxtjs/friendly-errors-webpack-plugin'
 import TimeFixPlugin from 'time-fix-plugin'
 import webpack from 'webpack'
 import _ from 'lodash'
@@ -215,16 +214,6 @@ export default class WebpackBaseConfig {
       plugins.push(new StatsPlugin(this.options.build.stats))
     }
 
-    // Add friendly error plugin
-    if (this.options.dev) {
-      plugins.push(
-        new FriendlyErrorsWebpackPlugin({
-          clearConsole: true,
-          logLevel: 'WARNING'
-        })
-      )
-    }
-
     return plugins
   }
 

lib/builder/webpack/client.mjs

@@ -5,6 +5,7 @@ import HTMLPlugin from 'html-webpack-plugin'
 import BundleAnalyzer from 'webpack-bundle-analyzer'
 import MiniCssExtractPlugin from 'mini-css-extract-plugin'
 import UglifyJsWebpackPlugin from 'uglifyjs-webpack-plugin'
+import FriendlyErrorsWebpackPlugin from '@nuxtjs/friendly-errors-webpack-plugin'
 
 import VueSSRClientPlugin from './plugins/vue/client'
 import WebpackBaseConfig from './base'
@@ -129,6 +130,16 @@ export default class WebpackClientConfig extends WebpackBaseConfig {
       ]
     }
 
+    // Add friendly error plugin
+    if (this.options.dev) {
+      config.plugins.push(
+        new FriendlyErrorsWebpackPlugin({
+          clearConsole: true,
+          logLevel: 'WARNING'
+        })
+      )
+    }
+
     // Extend config
     if (typeof this.options.build.extend === 'function') {
       const isDev = this.options.dev