fix: resourceQuery could be undefined in webpack 5

fixes #1771

Author: haoqunjiang

src/index.ts

@@ -79,7 +79,7 @@ export default function loader(
     sourceMap,
     rootContext,
     resourcePath,
-    resourceQuery,
+    resourceQuery = '',
   } = loaderContext
 
   const rawQuery = resourceQuery.slice(1)

src/pluginWebpack5.ts

@@ -169,7 +169,10 @@ class VueLoaderPlugin implements Plugin {
     // rule for template compiler
     const templateCompilerRule = {
       loader: require.resolve('./templateLoader'),
-      resourceQuery: (query: string) => {
+      resourceQuery: (query?: string) => {
+        if (!query) {
+          return false
+        }
         const parsed = qs.parse(query.slice(1))
         return parsed.vue != null && parsed.type === 'template'
       },
@@ -188,7 +191,10 @@ class VueLoaderPlugin implements Plugin {
     // post loader)
     const pitcher = {
       loader: require.resolve('./pitcher'),
-      resourceQuery: (query: string) => {
+      resourceQuery: (query?: string) => {
+        if (!query) {
+          return false
+        }
         const parsed = qs.parse(query.slice(1))
         return parsed.vue != null
       },
@@ -276,7 +282,11 @@ function cloneRule(
       currentResource = resources
       return true
     },
-    resourceQuery: (query: string) => {
+    resourceQuery: (query?: string) => {
+      if (!query) {
+        return false
+      }
+
       const parsed = qs.parse(query.slice(1))
       if (parsed.vue == null) {
         return false

test/edgeCases.spec.ts

@@ -1,4 +1,5 @@
 import * as path from 'path'
+import webpack = require('webpack')
 import HTMLPlugin = require('html-webpack-plugin')
 import { mfs, bundle, mockBundleAndRun, normalizeNewline } from './utils'
 
@@ -181,3 +182,17 @@ test('use with postLoader', async () => {
   })
   assertComponent(Object.assign({ expectedMsg: 'Changed!' }, result))
 })
+
+// #1771
+test('data: URI as entry', async () => {
+  // this feature is only available in webpack 5
+  if (webpack.version!.startsWith('4')) {
+    return
+  }
+
+  await bundle({
+    entry: {
+      main: 'data:text/javascript,console.log("hello world")',
+    },
+  })
+})