fix: vue template crashes on start (#997)

Author: KristianDD

demo/AngularApp/webpack.config.js

@@ -198,7 +198,7 @@ module.exports = env => {
         module: {
             rules: [
                 {
-                    test: nsWebpack.getEntryPathRegExp(appFullPath, entryPath),
+                    include: join(appFullPath, entryPath),
                     use: [
                         // Require all Android app components
                         platform === "android" && {

demo/JavaScriptApp/webpack.config.js

@@ -159,7 +159,7 @@ module.exports = env => {
         module: {
             rules: [
                 {
-                    test: nsWebpack.getEntryPathRegExp(appFullPath, entryPath),
+                    include: join(appFullPath, entryPath),
                     use: [
                         // Require all Android app components
                         platform === "android" && {

demo/TypeScriptApp/webpack.config.js

@@ -165,7 +165,7 @@ module.exports = env => {
         module: {
             rules: [
                 {
-                    test: nsWebpack.getEntryPathRegExp(appFullPath, entryPath),
+                    include: join(appFullPath, entryPath),
                     use: [
                         // Require all Android app components
                         platform === "android" && {

index.js

@@ -1,6 +1,5 @@
 const path = require("path");
 const { existsSync } = require("fs");
-const escapeRegExp = require("escape-string-regexp");
 const { ANDROID_APP_PATH } = require("./androidProjectHelpers");
 const {
     getPackageJson,
@@ -61,12 +60,6 @@ exports.getAppPath = (platform, projectDir) => {
     }
 };
 
-exports.getEntryPathRegExp = (appFullPath, entryModule) => {
-    const entryModuleFullPath = path.join(appFullPath, entryModule);
-    const escapedPath = escapeRegExp(entryModuleFullPath);
-    return new RegExp(escapedPath);
-}
-
 exports.getSourceMapFilename = (hiddenSourceMap, appFolderPath, outputPath) => {
     const appFolderRelativePath = path.join(path.relative(outputPath, appFolderPath));
     let sourceMapFilename = "[file].map";

index.spec.ts

@@ -1,5 +1,4 @@
-import { getConvertedExternals, getEntryPathRegExp } from './index';
-const path = require("path");
+import { getConvertedExternals } from './index';
 
 describe('index', () => {
     describe('getConvertedExternals', () => {
@@ -52,41 +51,4 @@ describe('index', () => {
             });
         });
     });
-
-    describe('getEntryPathRegExp', () => {
-        const originalPathJoin = path.join;
-        const entryModule = "index.js";
-
-        afterEach(() => {
-            path.join = originalPathJoin;
-        });
-
-        it('returns RegExp that works with Windows paths', () => {
-            const appPath = "D:\\Work\\app1\\app";
-            path.join = path.win32.join;
-            const regExp = getEntryPathRegExp(appPath, entryModule);
-            expect(!!regExp.exec(`${appPath}\\${entryModule}`)).toBe(true);
-        });
-
-        it('returns RegExp that works with POSIX paths', () => {
-            const appPath = "/usr/local/lib/app1/app";
-            path.join = path.posix.join;
-            const regExp = getEntryPathRegExp(appPath, entryModule);
-            expect(!!regExp.exec(`${appPath}/${entryModule}`)).toBe(true);
-        });
-
-        it('returns RegExp that works with Windows paths with special symbol in path', () => {
-            const appPath = "D:\\Work\\app1\\app (2)";
-            path.join = path.win32.join;
-            const regExp = getEntryPathRegExp(appPath, entryModule);
-            expect(!!regExp.exec(`${appPath}\\${entryModule}`)).toBe(true);
-        });
-
-        it('returns RegExp that works with POSIX paths with special symbol in path', () => {
-            const appPath = "/usr/local/lib/app1/app (2)";
-            path.join = path.posix.join;
-            const regExp = getEntryPathRegExp(appPath, entryModule);
-            expect(!!regExp.exec(`${appPath}/${entryModule}`)).toBe(true);
-        });
-    });
 });

templates/webpack.angular.js

@@ -197,7 +197,7 @@ module.exports = env => {
         module: {
             rules: [
                 {
-                    test: nsWebpack.getEntryPathRegExp(appFullPath, entryPath),
+                    include: join(appFullPath, entryPath),
                     use: [
                         // Require all Android app components
                         platform === "android" && {

templates/webpack.config.spec.ts

@@ -31,7 +31,6 @@ const nativeScriptDevWebpack = {
     getAppPath: () => 'app',
     getEntryModule: () => 'EntryModule',
     getResolver: () => null,
-    getEntryPathRegExp: () => null,
     getConvertedExternals: nsWebpackIndex.getConvertedExternals,
     getSourceMapFilename: nsWebpackIndex.getSourceMapFilename
 };

templates/webpack.javascript.js

@@ -161,7 +161,7 @@ module.exports = env => {
         module: {
             rules: [
                 {
-                    test: nsWebpack.getEntryPathRegExp(appFullPath, entryPath),
+                    include: join(appFullPath, entryPath),
                     use: [
                         // Require all Android app components
                         platform === "android" && {

templates/webpack.typescript.js

@@ -164,7 +164,7 @@ module.exports = env => {
         module: {
             rules: [
                 {
-                    test: nsWebpack.getEntryPathRegExp(appFullPath, entryPath),
+                    include: join(appFullPath, entryPath),
                     use: [
                         // Require all Android app components
                         platform === "android" && {

templates/webpack.vue.js

@@ -170,7 +170,7 @@ module.exports = env => {
         },
         module: {
             rules: [{
-                test: nsWebpack.getEntryPathRegExp(appFullPath, entryPath + ".(js|ts)"),
+                include: [join(appFullPath, entryPath + ".js"), join(appFullPath, entryPath + ".ts")],
                 use: [
                     // Require all Android app components
                     platform === "android" && {