fix(webpack): output .mjs to use crossorigin preloads

packages/schema/src/config/webpack.ts

@@ -122,8 +122,8 @@ export default {
      * ```
      */
     filenames: {
-      app: ({ isDev }) => isDev ? `[name].js` : `[contenthash:7].js`,
-      chunk: ({ isDev }) => isDev ? `[name].js` : `[contenthash:7].js`,
+      app: ({ isDev }) => isDev ? `[name].mjs` : `[contenthash:7].mjs`,
+      chunk: ({ isDev }) => isDev ? `[name].mjs` : `[contenthash:7].mjs`,
       css: ({ isDev }) => isDev ? '[name].css' : 'css/[contenthash:7].css',
       img: ({ isDev }) => isDev ? '[path][name].[ext]' : 'img/[name].[contenthash:7].[ext]',
       font: ({ isDev }) => isDev ? '[path][name].[ext]' : 'fonts/[name].[contenthash:7].[ext]',

test/utils.ts

@@ -42,7 +42,7 @@ export async function expectNoClientErrors (path: string) {
   const { pageErrors, consoleLogs } = await renderPage(path)
 
   const consoleLogErrors = consoleLogs.filter(i => i.type === 'error')
-  const consoleLogWarnings = consoleLogs.filter(i => i.type === 'warn')
+  const consoleLogWarnings = consoleLogs.filter(i => ['warning', 'warn'].includes(i.type))
 
   expect(pageErrors).toEqual([])
   expect(consoleLogErrors).toEqual([])