search

akveo / react-native-ui-kitten

:boom: React Native UI Library based on Eva Design System :new_moon_with_face::sparkles:Dark Mode
https://akveo.github.io/react-native-ui-kitten/
MIT License
10.34k stars 956 forks source link

Module parse failed: Unexpected token You may need an additional loader to handle the result of these loaders #1753

Open 87sam12 opened 1 year ago

87sam12 commented 1 year ago

Im using react native with expo. Have followed all steps on docs for expo. Following is my code structure:

Root:

import React from "react";
import * as eva from "@eva-design/eva";
import { NavigationContainer } from "@react-navigation/native";
import { createNativeStackNavigator } from "@react-navigation/native-stack";
import { ApplicationProvider } from "@ui-kitten/components";
import { default as theme } from "../eva-design-system/themes/light";
import { EvaIconsPack, IconRegistry } from "@ui-kitten/eva-icons";

import HomeScreen from "./HomeScreen.jsx";

const Stack = createNativeStackNavigator();

export default function RootScreen() {
  return (
    <>
      <IconRegistry icons={EvaIconsPack} />
      <ApplicationProvider {...eva} theme={{ ...eva.light, ...theme }}>
        <NavigationContainer>
          <Stack.Navigator>
            <Stack.Screen name="Home" component={HomeScreen} />
          </Stack.Navigator>
        </NavigationContainer>
      </ApplicationProvider>
    </>
  );
}

Home:

import React from "react";
// import * as eva from "@eva-design/eva";
import { Layout, Text } from "@ui-kitten/components";
import { StyleSheet } from "react-native";

const styles = StyleSheet.create({
  container: {
    flex: 1,
    justifyContent: "center",
    alignItems: "center",
  },
});

export const HomeScreen = () => (
  <Layout style={styles.container}>
    <Text category="h1">HOME</Text>
  </Layout>
);

🐛 Bug Report

ERROR in ./node_modules/@ui-kitten/components/ui/viewPager/viewPager.component.js 142:16
Module parse failed: Unexpected token (142:16)
File was processed with these loaders:
 * ./node_modules/source-map-loader/dist/cjs.js
You may need an additional loader to handle the result of these loaders.
|         const contentView = this.props.shouldLoadComponent(index) ? source : null;
|         /* eslint-disable */console.log(...oo_oo(`39a90b40_0`,styles.contentContainer));
>         return (<react_native_1.View style={styles.contentContainer}>
|         {contentView}
|       </react_native_1.View>);

web compiled with 52 errors and 80 warnings

To Reproduce

Just start expo app web

Expected behavior

Work fine

Link to runnable example or repository (highly encouraged)

UI Kitten and Eva version

All Package Version
@eva-design/eva ^2.2.0
@ui-kitten/components ^5.3.1

"expo": "~48.0.18"

Environment information

Linux

bataevvlad commented 1 year ago

Thank you for reaching out.

We try to reproduce issue but all looks good, could you please provide more information about your development environment?

In the meantime, you can try performing a hard reset of the node_modules directory by deleting it and reinstalling the packages. This can be done by running the following commands in your project's root directory:

rm -rf node_modules
npm install

and then start with reset cache
expo start -c

After the packages are reinstalled, try running your Expo app again and see if the issue persists. If the problem persists, please provide additional information, such as the specific error messages you receive and any relevant stack traces, so that we can better understand the problem and assist you accordingly.

nikevp commented 1 year ago

+1

87sam12 commented 1 year ago

@bataevvlad. Thanks for your timely response. It still has issues. I thought everything ll work as soon as its connected.

Following are the entire errors stack:

WARNING in ./node_modules/@ui-kitten/components/devsupport/services/rtl/rtlFlexMap.js
Module Warning (from ./node_modules/source-map-loader/dist/cjs.js):
Failed to parse source map from '{workspace}/src/components/devsupport/services/rtl/rtlFlexMap.ts' file: Error: ENOENT: no such file or directory, open '{workspace}/src/components/devsupport/services/rtl/rtlFlexMap.ts'

WARNING in ./node_modules/@ui-kitten/components/devsupport/services/web/webEventResponder.js
Module Warning (from ./node_modules/source-map-loader/dist/cjs.js):
Failed to parse source map from '{workspace}/src/components/devsupport/services/web/webEventResponder.ts' file: Error: ENOENT: no such file or directory, open '{workspace}/src/components/devsupport/services/web/webEventResponder.ts'

WARNING in ./node_modules/@ui-kitten/components/devsupport/typings.js
Module Warning (from ./node_modules/source-map-loader/dist/cjs.js):
Failed to parse source map from '{workspace}/src/components/devsupport/typings.ts' file: Error: ENOENT: no such file or directory, open '{workspace}/src/components/devsupport/typings.ts'

WARNING in ./node_modules/@ui-kitten/components/index.js
Module Warning (from ./node_modules/source-map-loader/dist/cjs.js):
Failed to parse source map from '{workspace}/src/components/index.ts' file: Error: ENOENT: no such file or directory, open '{workspace}/src/components/index.ts'

WARNING in ./node_modules/@ui-kitten/components/theme/application/applicationProvider.component.js
Module Warning (from ./node_modules/source-map-loader/dist/cjs.js):
Failed to parse source map from '{workspace}/src/components/theme/application/applicationProvider.component.tsx' file: Error: ENOENT: no such file or directory, open '{workspace}/src/components/theme/application/applicationProvider.component.tsx'

WARNING in ./node_modules/@ui-kitten/components/theme/index.js
Module Warning (from ./node_modules/source-map-loader/dist/cjs.js):
Failed to parse source map from '{workspace}/src/components/theme/index.ts' file: Error: ENOENT: no such file or directory, open '{workspace}/src/components/theme/index.ts'

WARNING in ./node_modules/@ui-kitten/components/theme/modal/modal.service.js
Module Warning (from ./node_modules/source-map-loader/dist/cjs.js):
Failed to parse source map from '{workspace}/src/components/theme/modal/modal.service.tsx' file: Error: ENOENT: no such file or directory, open '{workspace}/src/components/theme/modal/modal.service.tsx'

WARNING in ./node_modules/@ui-kitten/components/theme/style/style.service.js
Module Warning (from ./node_modules/source-map-loader/dist/cjs.js):
Failed to parse source map from '{workspace}/src/components/theme/style/style.service.tsx' file: Error: ENOENT: no such file or directory, open '{workspace}/src/components/theme/style/style.service.tsx'

WARNING in ./node_modules/@ui-kitten/components/theme/style/styled.js
Module Warning (from ./node_modules/source-map-loader/dist/cjs.js):
Failed to parse source map from '{workspace}/src/components/theme/style/styled.tsx' file: Error: ENOENT: no such file or directory, open '{workspace}/src/components/theme/style/styled.tsx'

WARNING in ./node_modules/@ui-kitten/components/theme/theme/theme.service.js
Module Warning (from ./node_modules/source-map-loader/dist/cjs.js):
Failed to parse source map from '{workspace}/src/components/theme/theme/theme.service.tsx' file: Error: ENOENT: no such file or directory, open '{workspace}/src/components/theme/theme/theme.service.tsx'

WARNING in ./node_modules/@ui-kitten/components/theme/theme/themeContext.js
Module Warning (from ./node_modules/source-map-loader/dist/cjs.js):
Failed to parse source map from '{workspace}/src/components/theme/theme/themeContext.ts' file: Error: ENOENT: no such file or directory, open '{workspace}/src/components/theme/theme/themeContext.ts'

WARNING in ./node_modules/@ui-kitten/components/theme/theme/themeProvider.component.js
Module Warning (from ./node_modules/source-map-loader/dist/cjs.js):
Failed to parse source map from '{workspace}/src/components/theme/theme/themeProvider.component.tsx' file: Error: ENOENT: no such file or directory, open '{workspace}/src/components/theme/theme/themeProvider.component.tsx'

WARNING in ./node_modules/@ui-kitten/components/theme/theme/withStyles.js
Module Warning (from ./node_modules/source-map-loader/dist/cjs.js):
Failed to parse source map from '{workspace}/src/components/theme/theme/withStyles.tsx' file: Error: ENOENT: no such file or directory, open '{workspace}/src/components/theme/theme/withStyles.tsx'

WARNING in ./node_modules/@ui-kitten/components/ui/autocomplete/autocomplete.component.js
Module Warning (from ./node_modules/source-map-loader/dist/cjs.js):
Failed to parse source map from '{workspace}/src/components/ui/autocomplete/autocomplete.component.tsx' file: Error: ENOENT: no such file or directory, open '{workspace}/src/components/ui/autocomplete/autocomplete.component.tsx'

WARNING in ./node_modules/@ui-kitten/components/ui/autocomplete/autocompleteItem.component.js
Module Warning (from ./node_modules/source-map-loader/dist/cjs.js):
Failed to parse source map from '{workspace}/src/components/ui/autocomplete/autocompleteItem.component.tsx' file: Error: ENOENT: no such file or directory, open '{workspace}/src/components/ui/autocomplete/autocompleteItem.component.tsx'

WARNING in ./node_modules/@ui-kitten/components/ui/avatar/avatar.component.js
Module Warning (from ./node_modules/source-map-loader/dist/cjs.js):
Failed to parse source map from '{workspace}/src/components/ui/avatar/avatar.component.tsx' file: Error: ENOENT: no such file or directory, open '{workspace}/src/components/ui/avatar/avatar.component.tsx'

WARNING in ./node_modules/@ui-kitten/components/ui/bottomNavigation/bottomNavigation.component.js
Module Warning (from ./node_modules/source-map-loader/dist/cjs.js):
Failed to parse source map from '{workspace}/src/components/ui/bottomNavigation/bottomNavigation.component.tsx' file: Error: ENOENT: no such file or directory, open '{workspace}/src/components/ui/bottomNavigation/bottomNavigation.component.tsx'

WARNING in ./node_modules/@ui-kitten/components/ui/bottomNavigation/bottomNavigationTab.component.js
Module Warning (from ./node_modules/source-map-loader/dist/cjs.js):
Failed to parse source map from '{workspace}/src/components/ui/bottomNavigation/bottomNavigationTab.component.tsx' file: Error: ENOENT: no such file or directory, open '{workspace}/src/components/ui/bottomNavigation/bottomNavigationTab.component.tsx'

WARNING in ./node_modules/@ui-kitten/components/ui/button/button.component.js
Module Warning (from ./node_modules/source-map-loader/dist/cjs.js):
Failed to parse source map from '{workspace}/src/components/ui/button/button.component.tsx' file: Error: ENOENT: no such file or directory, open '{workspace}/src/components/ui/button/button.component.tsx'

WARNING in ./node_modules/@ui-kitten/components/ui/buttonGroup/buttonGroup.component.js
Module Warning (from ./node_modules/source-map-loader/dist/cjs.js):
Failed to parse source map from '{workspace}/src/components/ui/buttonGroup/buttonGroup.component.tsx' file: Error: ENOENT: no such file or directory, open '{workspace}/src/components/ui/buttonGroup/buttonGroup.component.tsx'

WARNING in ./node_modules/@ui-kitten/components/ui/calendar/baseCalendar.component.js
Module Warning (from ./node_modules/source-map-loader/dist/cjs.js):
Failed to parse source map from '{workspace}/src/components/ui/calendar/baseCalendar.component.tsx' file: Error: ENOENT: no such file or directory, open '{workspace}/src/components/ui/calendar/baseCalendar.component.tsx'

WARNING in ./node_modules/@ui-kitten/components/ui/calendar/calendar.component.js
Module Warning (from ./node_modules/source-map-loader/dist/cjs.js):
Failed to parse source map from '{workspace}/src/components/ui/calendar/calendar.component.tsx' file: Error: ENOENT: no such file or directory, open '{workspace}/src/components/ui/calendar/calendar.component.tsx'

WARNING in ./node_modules/@ui-kitten/components/ui/calendar/i18n/en.js
Module Warning (from ./node_modules/source-map-loader/dist/cjs.js):
Failed to parse source map from '{workspace}/src/components/ui/calendar/i18n/en.ts' file: Error: ENOENT: no such file or directory, open '{workspace}/src/components/ui/calendar/i18n/en.ts'

WARNING in ./node_modules/@ui-kitten/components/ui/calendar/i18n/type.js
Module Warning (from ./node_modules/source-map-loader/dist/cjs.js):
Failed to parse source map from '{workspace}/src/components/ui/calendar/i18n/type.ts' file: Error: ENOENT: no such file or directory, open '{workspace}/src/components/ui/calendar/i18n/type.ts'

WARNING in ./node_modules/@ui-kitten/components/ui/calendar/rangeCalendar.component.js
Module Warning (from ./node_modules/source-map-loader/dist/cjs.js):
Failed to parse source map from '{workspace}/src/components/ui/calendar/rangeCalendar.component.tsx' file: Error: ENOENT: no such file or directory, open '{workspace}/src/components/ui/calendar/rangeCalendar.component.tsx'

WARNING in ./node_modules/@ui-kitten/components/ui/calendar/service/date.service.js
Module Warning (from ./node_modules/source-map-loader/dist/cjs.js):
Failed to parse source map from '{workspace}/src/components/ui/calendar/service/date.service.ts' file: Error: ENOENT: no such file or directory, open '{workspace}/src/components/ui/calendar/service/date.service.ts'

WARNING in ./node_modules/@ui-kitten/components/ui/calendar/service/nativeDate.service.js
Module Warning (from ./node_modules/source-map-loader/dist/cjs.js):
Failed to parse source map from '{workspace}/src/components/ui/calendar/service/nativeDate.service.ts' file: Error: ENOENT: no such file or directory, open '{workspace}/src/components/ui/calendar/service/nativeDate.service.ts'

WARNING in ./node_modules/@ui-kitten/components/ui/calendar/service/rangeDate.service.js
Module Warning (from ./node_modules/source-map-loader/dist/cjs.js):
Failed to parse source map from '{workspace}/src/components/ui/calendar/service/rangeDate.service.ts' file: Error: ENOENT: no such file or directory, open '{workspace}/src/components/ui/calendar/service/rangeDate.service.ts'

WARNING in ./node_modules/@ui-kitten/components/ui/calendar/type.js
Module Warning (from ./node_modules/source-map-loader/dist/cjs.js):
Failed to parse source map from '{workspace}/src/components/ui/calendar/type.ts' file: Error: ENOENT: no such file or directory, open '{workspace}/src/components/ui/calendar/type.ts'

WARNING in ./node_modules/@ui-kitten/components/ui/card/card.component.js
Module Warning (from ./node_modules/source-map-loader/dist/cjs.js):
Failed to parse source map from '{workspace}/src/components/ui/card/card.component.tsx' file: Error: ENOENT: no such file or directory, open '{workspace}/src/components/ui/card/card.component.tsx'

WARNING in ./node_modules/@ui-kitten/components/ui/checkbox/checkbox.component.js
Module Warning (from ./node_modules/source-map-loader/dist/cjs.js):
Failed to parse source map from '{workspace}/src/components/ui/checkbox/checkbox.component.tsx' file: Error: ENOENT: no such file or directory, open '{workspace}/src/components/ui/checkbox/checkbox.component.tsx'

WARNING in ./node_modules/@ui-kitten/components/ui/circularProgressBar/circularProgressBar.component.js
Module Warning (from ./node_modules/source-map-loader/dist/cjs.js):
Failed to parse source map from '{workspace}/src/components/ui/circularProgressBar/circularProgressBar.component.tsx' file: Error: ENOENT: no such file or directory, open '{workspace}/src/components/ui/circularProgressBar/circularProgressBar.component.tsx'

WARNING in ./node_modules/@ui-kitten/components/ui/datepicker/datepicker.component.js
Module Warning (from ./node_modules/source-map-loader/dist/cjs.js):
Failed to parse source map from '{workspace}/src/components/ui/datepicker/datepicker.component.tsx' file: Error: ENOENT: no such file or directory, open '{workspace}/src/components/ui/datepicker/datepicker.component.tsx'

WARNING in ./node_modules/@ui-kitten/components/ui/datepicker/rangeDatepicker.component.js
Module Warning (from ./node_modules/source-map-loader/dist/cjs.js):
Failed to parse source map from '{workspace}/src/components/ui/datepicker/rangeDatepicker.component.tsx' file: Error: ENOENT: no such file or directory, open '{workspace}/src/components/ui/datepicker/rangeDatepicker.component.tsx'

WARNING in ./node_modules/@ui-kitten/components/ui/divider/divider.component.js
Module Warning (from ./node_modules/source-map-loader/dist/cjs.js):
Failed to parse source map from '{workspace}/src/components/ui/divider/divider.component.tsx' file: Error: ENOENT: no such file or directory, open '{workspace}/src/components/ui/divider/divider.component.tsx'

WARNING in ./node_modules/@ui-kitten/components/ui/drawer/drawer.component.js
Module Warning (from ./node_modules/source-map-loader/dist/cjs.js):
Failed to parse source map from '{workspace}/src/components/ui/drawer/drawer.component.tsx' file: Error: ENOENT: no such file or directory, open '{workspace}/src/components/ui/drawer/drawer.component.tsx'

WARNING in ./node_modules/@ui-kitten/components/ui/drawer/drawerGroup.component.js
Module Warning (from ./node_modules/source-map-loader/dist/cjs.js):
Failed to parse source map from '{workspace}/src/components/ui/drawer/drawerGroup.component.tsx' file: Error: ENOENT: no such file or directory, open '{workspace}/src/components/ui/drawer/drawerGroup.component.tsx'

WARNING in ./node_modules/@ui-kitten/components/ui/drawer/drawerItem.component.js
Module Warning (from ./node_modules/source-map-loader/dist/cjs.js):
Failed to parse source map from '{workspace}/src/components/ui/drawer/drawerItem.component.tsx' file: Error: ENOENT: no such file or directory, open '{workspace}/src/components/ui/drawer/drawerItem.component.tsx'

WARNING in ./node_modules/@ui-kitten/components/ui/icon/icon.component.js
Module Warning (from ./node_modules/source-map-loader/dist/cjs.js):
Failed to parse source map from '{workspace}/src/components/ui/icon/icon.component.tsx' file: Error: ENOENT: no such file or directory, open '{workspace}/src/components/ui/icon/icon.component.tsx'

WARNING in ./node_modules/@ui-kitten/components/ui/icon/iconRegistry.component.js
Module Warning (from ./node_modules/source-map-loader/dist/cjs.js):
Failed to parse source map from '{workspace}/src/components/ui/icon/iconRegistry.component.tsx' file: Error: ENOENT: no such file or directory, open '{workspace}/src/components/ui/icon/iconRegistry.component.tsx'

WARNING in ./node_modules/@ui-kitten/components/ui/icon/service/iconRegistry.service.js
Module Warning (from ./node_modules/source-map-loader/dist/cjs.js):
Failed to parse source map from '{workspace}/src/components/ui/icon/service/iconRegistry.service.ts' file: Error: ENOENT: no such file or directory, open '{workspace}/src/components/ui/icon/service/iconRegistry.service.ts'

WARNING in ./node_modules/@ui-kitten/components/ui/index.js
Module Warning (from ./node_modules/source-map-loader/dist/cjs.js):
Failed to parse source map from '{workspace}/src/components/ui/index.ts' file: Error: ENOENT: no such file or directory, open '{workspace}/src/components/ui/index.ts'

WARNING in ./node_modules/@ui-kitten/components/ui/input/input.component.js
Module Warning (from ./node_modules/source-map-loader/dist/cjs.js):
Failed to parse source map from '{workspace}/src/components/ui/input/input.component.tsx' file: Error: ENOENT: no such file or directory, open '{workspace}/src/components/ui/input/input.component.tsx'

WARNING in ./node_modules/@ui-kitten/components/ui/layout/layout.component.js
Module Warning (from ./node_modules/source-map-loader/dist/cjs.js):
Failed to parse source map from '{workspace}/src/components/ui/layout/layout.component.tsx' file: Error: ENOENT: no such file or directory, open '{workspace}/src/components/ui/layout/layout.component.tsx'

WARNING in ./node_modules/@ui-kitten/components/ui/list/list.component.js
Module Warning (from ./node_modules/source-map-loader/dist/cjs.js):
Failed to parse source map from '{workspace}/src/components/ui/list/list.component.tsx' file: Error: ENOENT: no such file or directory, open '{workspace}/src/components/ui/list/list.component.tsx'

WARNING in ./node_modules/@ui-kitten/components/ui/list/listItem.component.js
Module Warning (from ./node_modules/source-map-loader/dist/cjs.js):
Failed to parse source map from '{workspace}/src/components/ui/list/listItem.component.tsx' file: Error: ENOENT: no such file or directory, open '{workspace}/src/components/ui/list/listItem.component.tsx'

WARNING in ./node_modules/@ui-kitten/components/ui/menu/menu.component.js
Module Warning (from ./node_modules/source-map-loader/dist/cjs.js):
Failed to parse source map from '{workspace}/src/components/ui/menu/menu.component.tsx' file: Error: ENOENT: no such file or directory, open '{workspace}/src/components/ui/menu/menu.component.tsx'

WARNING in ./node_modules/@ui-kitten/components/ui/menu/menuGroup.component.js
Module Warning (from ./node_modules/source-map-loader/dist/cjs.js):
Failed to parse source map from '{workspace}/src/components/ui/menu/menuGroup.component.tsx' file: Error: ENOENT: no such file or directory, open '{workspace}/src/components/ui/menu/menuGroup.component.tsx'

WARNING in ./node_modules/@ui-kitten/components/ui/menu/menuItem.component.js
Module Warning (from ./node_modules/source-map-loader/dist/cjs.js):
Failed to parse source map from '{workspace}/src/components/ui/menu/menuItem.component.tsx' file: Error: ENOENT: no such file or directory, open '{workspace}/src/components/ui/menu/menuItem.component.tsx'

WARNING in ./node_modules/@ui-kitten/components/ui/modal/modal.component.js
Module Warning (from ./node_modules/source-map-loader/dist/cjs.js):
Failed to parse source map from '{workspace}/src/components/ui/modal/modal.component.tsx' file: Error: ENOENT: no such file or directory, open '{workspace}/src/components/ui/modal/modal.component.tsx'

WARNING in ./node_modules/@ui-kitten/components/ui/overflowMenu/overflowMenu.component.js
Module Warning (from ./node_modules/source-map-loader/dist/cjs.js):
Failed to parse source map from '{workspace}/src/components/ui/overflowMenu/overflowMenu.component.tsx' file: Error: ENOENT: no such file or directory, open '{workspace}/src/components/ui/overflowMenu/overflowMenu.component.tsx'

WARNING in ./node_modules/@ui-kitten/components/ui/popover/popover.component.js
Module Warning (from ./node_modules/source-map-loader/dist/cjs.js):
Failed to parse source map from '{workspace}/src/components/ui/popover/popover.component.tsx' file: Error: ENOENT: no such file or directory, open '{workspace}/src/components/ui/popover/popover.component.tsx'

WARNING in ./node_modules/@ui-kitten/components/ui/popover/type.js
Module Warning (from ./node_modules/source-map-loader/dist/cjs.js):
Failed to parse source map from '{workspace}/src/components/ui/popover/type.ts' file: Error: ENOENT: no such file or directory, open '{workspace}/src/components/ui/popover/type.ts'

WARNING in ./node_modules/@ui-kitten/components/ui/progressBar/progressBar.component.js
Module Warning (from ./node_modules/source-map-loader/dist/cjs.js):
Failed to parse source map from '{workspace}/src/components/ui/progressBar/progressBar.component.tsx' file: Error: ENOENT: no such file or directory, open '{workspace}/src/components/ui/progressBar/progressBar.component.tsx'

WARNING in ./node_modules/@ui-kitten/components/ui/radio/radio.component.js
Module Warning (from ./node_modules/source-map-loader/dist/cjs.js):
Failed to parse source map from '{workspace}/src/components/ui/radio/radio.component.tsx' file: Error: ENOENT: no such file or directory, open '{workspace}/src/components/ui/radio/radio.component.tsx'

WARNING in ./node_modules/@ui-kitten/components/ui/radioGroup/radioGroup.component.js
Module Warning (from ./node_modules/source-map-loader/dist/cjs.js):
Failed to parse source map from '{workspace}/src/components/ui/radioGroup/radioGroup.component.tsx' file: Error: ENOENT: no such file or directory, open '{workspace}/src/components/ui/radioGroup/radioGroup.component.tsx'

WARNING in ./node_modules/@ui-kitten/components/ui/select/select.component.js
Module Warning (from ./node_modules/source-map-loader/dist/cjs.js):
Failed to parse source map from '{workspace}/src/components/ui/select/select.component.tsx' file: Error: ENOENT: no such file or directory, open '{workspace}/src/components/ui/select/select.component.tsx'

WARNING in ./node_modules/@ui-kitten/components/ui/select/selectGroup.component.js
Module Warning (from ./node_modules/source-map-loader/dist/cjs.js):
Failed to parse source map from '{workspace}/src/components/ui/select/selectGroup.component.tsx' file: Error: ENOENT: no such file or directory, open '{workspace}/src/components/ui/select/selectGroup.component.tsx'

WARNING in ./node_modules/@ui-kitten/components/ui/select/selectItem.component.js
Module Warning (from ./node_modules/source-map-loader/dist/cjs.js):
Failed to parse source map from '{workspace}/src/components/ui/select/selectItem.component.tsx' file: Error: ENOENT: no such file or directory, open '{workspace}/src/components/ui/select/selectItem.component.tsx'

WARNING in ./node_modules/@ui-kitten/components/ui/spinner/spinner.component.js
Module Warning (from ./node_modules/source-map-loader/dist/cjs.js):
Failed to parse source map from '{workspace}/src/components/ui/spinner/spinner.component.tsx' file: Error: ENOENT: no such file or directory, open '{workspace}/src/components/ui/spinner/spinner.component.tsx'

WARNING in ./node_modules/@ui-kitten/components/ui/tab/tab.component.js
Module Warning (from ./node_modules/source-map-loader/dist/cjs.js):
Failed to parse source map from '{workspace}/src/components/ui/tab/tab.component.tsx' file: Error: ENOENT: no such file or directory, open '{workspace}/src/components/ui/tab/tab.component.tsx'

WARNING in ./node_modules/@ui-kitten/components/ui/tab/tabBar.component.js
Module Warning (from ./node_modules/source-map-loader/dist/cjs.js):
Failed to parse source map from '{workspace}/src/components/ui/tab/tabBar.component.tsx' file: Error: ENOENT: no such file or directory, open '{workspace}/src/components/ui/tab/tabBar.component.tsx'

WARNING in ./node_modules/@ui-kitten/components/ui/tab/tabView.component.js
Module Warning (from ./node_modules/source-map-loader/dist/cjs.js):
Failed to parse source map from '{workspace}/src/components/ui/tab/tabView.component.tsx' file: Error: ENOENT: no such file or directory, open '{workspace}/src/components/ui/tab/tabView.component.tsx'

WARNING in ./node_modules/@ui-kitten/components/ui/text/text.component.js
Module Warning (from ./node_modules/source-map-loader/dist/cjs.js):
Failed to parse source map from '{workspace}/src/components/ui/text/text.component.tsx' file: Error: ENOENT: no such file or directory, open '{workspace}/src/components/ui/text/text.component.tsx'

WARNING in ./node_modules/@ui-kitten/components/ui/toggle/toggle.component.js
Module Warning (from ./node_modules/source-map-loader/dist/cjs.js):
Failed to parse source map from '{workspace}/src/components/ui/toggle/toggle.component.tsx' file: Error: ENOENT: no such file or directory, open '{workspace}/src/components/ui/toggle/toggle.component.tsx'

WARNING in ./node_modules/@ui-kitten/components/ui/tooltip/tooltip.component.js
Module Warning (from ./node_modules/source-map-loader/dist/cjs.js):
Failed to parse source map from '{workspace}/src/components/ui/tooltip/tooltip.component.tsx' file: Error: ENOENT: no such file or directory, open '{workspace}/src/components/ui/tooltip/tooltip.component.tsx'

WARNING in ./node_modules/@ui-kitten/components/ui/topNavigation/topNavigation.component.js
Module Warning (from ./node_modules/source-map-loader/dist/cjs.js):
Failed to parse source map from '{workspace}/src/components/ui/topNavigation/topNavigation.component.tsx' file: Error: ENOENT: no such file or directory, open '{workspace}/src/components/ui/topNavigation/topNavigation.component.tsx'

WARNING in ./node_modules/@ui-kitten/components/ui/topNavigation/topNavigationAction.component.js
Module Warning (from ./node_modules/source-map-loader/dist/cjs.js):
Failed to parse source map from '{workspace}/src/components/ui/topNavigation/topNavigationAction.component.tsx' file: Error: ENOENT: no such file or directory, open '{workspace}/src/components/ui/topNavigation/topNavigationAction.component.tsx'

WARNING in ./node_modules/@ui-kitten/components/ui/viewPager/viewPager.component.js
Module Warning (from ./node_modules/source-map-loader/dist/cjs.js):
Failed to parse source map from '{workspace}/src/components/ui/viewPager/viewPager.component.tsx' file: Error: ENOENT: no such file or directory, open '{workspace}/src/components/ui/viewPager/viewPager.component.tsx'

ERROR in ./screens/index.jsx:7
Module not found: Can't resolve '@ui-kitten/eva-icons'
   5 | import { ApplicationProvider } from "@ui-kitten/components";
   6 | import { default as theme } from "../eva-design-system/themes/light";
>  7 | import { EvaIconsPack, IconRegistry } from "@ui-kitten/eva-icons";
   8 |
   9 | import HomeScreen from "./HomeScreen.jsx";
  10 |

ERROR in ./node_modules/@ui-kitten/components/devsupport/components/falsyText/falsyText.component.js 60:16
Module parse failed: Unexpected token (60:16)
File was processed with these loaders:
 * ./node_modules/source-map-loader/dist/cjs.js
You may need an additional loader to handle the result of these loaders.
|             return react_1.default.createElement(component, textProps);
|         }
>         return (<text_component_1.Text {...textProps}>
|         {component}
|       </text_component_1.Text>);

ERROR in ./node_modules/@ui-kitten/components/devsupport/components/touchableWeb.component.js 21:16
Module parse failed: Unexpected token (21:16)
File was processed with these loaders:
 * ./node_modules/source-map-loader/dist/cjs.js
You may need an additional loader to handle the result of these loaders.
|     render() {
|         const { style, ...touchableProps } = this.props;
>         return (<touchableWithoutFeedback_component_1.TouchableWithoutFeedback {...touchableProps} style={[styles.container, style]}/>);
|     }
| }

ERROR in ./node_modules/@ui-kitten/components/devsupport/components/touchableWithoutFeedback.component.js 35:16
Module parse failed: Unexpected token (35:16)
File was processed with these loaders:
 * ./node_modules/source-map-loader/dist/cjs.js
You may need an additional loader to handle the result of these loaders.
|     };
|     render() {
>         return (<react_native_1.TouchableOpacity activeOpacity={1.0} hitSlop={this.props.useDefaultHitSlop && this.createHitSlopInsets()} {...this.props}/>);
|     }
| }

ERROR in ./node_modules/@ui-kitten/components/theme/application/applicationProvider.component.js 93:16
Module parse failed: Unexpected token (93:16)
File was processed with these loaders:
 * ./node_modules/source-map-loader/dist/cjs.js
You may need an additional loader to handle the result of these loaders.
|     };
|     render() {
>         return (<styleProvider_component_1.StyleProvider theme={this.props.theme} styles={this.state.styles}>
|         {this.props.children}
|       </styleProvider_component_1.StyleProvider>);

ERROR in ./node_modules/@ui-kitten/components/theme/style/styled.js 108:20
Module parse failed: Unexpected token (108:20)
File was processed with these loaders:
 * ./node_modules/source-map-loader/dist/cjs.js
You may need an additional loader to handle the result of these loaders.
|             }
|             const { forwardedRef, ...restProps } = this.props;
>             return (<Component {...this.withEvaProp(restProps, style, theme)} ref={forwardedRef}/>);
|         };
|         render() {

ERROR in ./node_modules/@ui-kitten/components/theme/theme/themeProvider.component.js 27:16
Module parse failed: Unexpected token (27:16)
File was processed with these loaders:
 * ./node_modules/source-map-loader/dist/cjs.js
You may need an additional loader to handle the result of these loaders.
|     render() {
|         const { theme, children } = this.props;
>         return (<themeContext_1.ThemeContext.Provider value={theme_service_1.ThemeService.create(theme)}>
|         {children}
|       </themeContext_1.ThemeContext.Provider>);

ERROR in ./node_modules/@ui-kitten/components/theme/theme/withStyles.js 51:20
Module parse failed: Unexpected token (51:20)
File was processed with these loaders:
 * ./node_modules/source-map-loader/dist/cjs.js
You may need an additional loader to handle the result of these loaders.
|             const { forwardedRef, ...restProps } = this.props;
|             const props = this.withThemedProps(restProps, theme);
>             return (<Component {...props} ref={forwardedRef}/>);
|         };
|         render() {

ERROR in ./node_modules/@ui-kitten/components/ui/autocomplete/autocomplete.component.js 150:16
Module parse failed: Unexpected token (150:16)
File was processed with these loaders:
 * ./node_modules/source-map-loader/dist/cjs.js
You may need an additional loader to handle the result of these loaders.
|     };
|     renderAnchorInputElement = (props) => {
>         return (<react_native_1.View>
|         <input_component_1.Input {...props} ref={this.inputRefAnchor} testID='@autocomplete/input-anchor' showSoftInputOnFocus={false} onFocus={this.onAnchorInputFocus} onSubmitEditing={this.onInputSubmitEditing}/>
|       </react_native_1.View>);

ERROR in ./node_modules/@ui-kitten/components/ui/autocomplete/autocompleteItem.component.js 38:16
Module parse failed: Unexpected token (38:16)
File was processed with these loaders:
 * ./node_modules/source-map-loader/dist/cjs.js
You may need an additional loader to handle the result of these loaders.
| class AutocompleteItem extends react_1.default.Component {
|     render() {
>         return (<listItem_component_1.ListItem {...this.props}/>);
|     }
| }

ERROR in ./node_modules/@ui-kitten/components/ui/avatar/avatar.component.js 72:16
Module parse failed: Unexpected token (72:16)
File was processed with these loaders:
 * ./node_modules/source-map-loader/dist/cjs.js
You may need an additional loader to handle the result of these loaders.
|         const { eva, ImageComponent, ...imageProps } = this.props;
|         const evaStyle = this.getComponentStyle(eva.style);
>         return (<ImageComponent {...imageProps} style={[styles.image, evaStyle]}/>);
|     }
| };

ERROR in ./node_modules/@ui-kitten/components/ui/bottomNavigation/bottomNavigation.component.js 128:16
Module parse failed: Unexpected token (128:16)
File was processed with these loaders:
 * ./node_modules/source-map-loader/dist/cjs.js
You may need an additional loader to handle the result of these loaders.
|     renderIndicatorElement = (positions, style) => {
|         const { indicatorStyle, selectedIndex } = this.props;
>         return (<tabIndicator_component_1.TabIndicator key={0} style={[style, indicatorStyle]} selectedPosition={selectedIndex} positions={positions}/>);
|     };
|     renderTabElement = (element, index) => {

ERROR in ./node_modules/@ui-kitten/components/ui/bottomNavigation/bottomNavigationTab.component.js 74:16
Module parse failed: Unexpected token (74:16)
File was processed with these loaders:
 * ./node_modules/source-map-loader/dist/cjs.js
You may need an additional loader to handle the result of these loaders.
|         const { eva, style, title, icon, ...touchableProps } = this.props;
|         const evaStyle = this.getComponentStyle(eva.style);
>         return (<devsupport_1.TouchableWeb {...touchableProps} style={[evaStyle.container, styles.container, style]} onMouseEnter={this.onMouseEnter} onMouseLeave={this.onMouseLeave} onPress={this.onPress}>
|         <devsupport_1.FalsyFC style={evaStyle.icon} component={icon}/>
|         <devsupport_1.FalsyText style={evaStyle.text} component={title}/>

ERROR in ./node_modules/@ui-kitten/components/ui/button/button.component.js 140:16
Module parse failed: Unexpected token (140:16)
File was processed with these loaders:
 * ./node_modules/source-map-loader/dist/cjs.js
You may need an additional loader to handle the result of these loaders.
|         const { eva, style, accessoryLeft, accessoryRight, children, ...touchableProps } = this.props;
|         const evaStyle = this.getComponentStyle(eva.style);
>         return (<devsupport_1.TouchableWeb {...touchableProps} style={[evaStyle.container, styles.container, style]} onMouseEnter={this.onMouseEnter} onMouseLeave={this.onMouseLeave} onFocus={this.onFocus} onBlur={this.onBlur} onPressIn={this.onPressIn} onPressOut={this.onPressOut}>
|         <devsupport_1.FalsyFC style={evaStyle.icon} component={accessoryLeft}/>
|         <devsupport_1.FalsyText style={evaStyle.text} component={children}/>

ERROR in ./node_modules/@ui-kitten/components/ui/buttonGroup/buttonGroup.component.js 114:16
Module parse failed: Unexpected token (114:16)
File was processed with these loaders:
 * ./node_modules/source-map-loader/dist/cjs.js
You may need an additional loader to handle the result of these loaders.
|         const { eva, style, children, ...viewProps } = this.props;
|         const evaStyle = this.getComponentStyle(eva.style);
>         return (<react_native_1.View {...viewProps} style={[evaStyle.container, styles.container, style]}>
|         {this.renderButtonElements(children, evaStyle)}
|       </react_native_1.View>);

ERROR in ./node_modules/@ui-kitten/components/ui/calendar/baseCalendar.component.js 239:16
Module parse failed: Unexpected token (239:16)
File was processed with these loaders:
 * ./node_modules/source-map-loader/dist/cjs.js
You may need an additional loader to handle the result of these loaders.
|     };
|     renderWeekdayElement = (weekday, index) => {
>         return (<calendarDateContent_component_1.CalendarDateContent key={index} textStyle={this.getWeekdayStyle(this.props.eva.style)}>
|         {weekday}
|       </calendarDateContent_component_1.CalendarDateContent>);

ERROR in ./node_modules/@ui-kitten/components/ui/card/card.component.js 90:16
Module parse failed: Unexpected token (90:16)
File was processed with these loaders:
 * ./node_modules/source-map-loader/dist/cjs.js
You may need an additional loader to handle the result of these loaders.
|     };
|     renderStatusAccent = (evaStyle) => {
>         return (<react_native_1.View style={evaStyle}/>);
|     };
|     render() {

ERROR in ./node_modules/@ui-kitten/components/ui/checkbox/checkbox.component.js 135:16
Module parse failed: Unexpected token (135:16)
File was processed with these loaders:
 * ./node_modules/source-map-loader/dist/cjs.js
You may need an additional loader to handle the result of these loaders.
|     renderIconElement = (style) => {
|         const Icon = this.props.indeterminate ? minus_component_1.Minus : checkmark_component_1.CheckMark;
>         return (<Icon {...style}/>);
|     };
|     render() {

ERROR in ./node_modules/@ui-kitten/components/ui/circularProgressBar/circularProgressBar.component.js 146:16
Module parse failed: Unexpected token (146:16)
File was processed with these loaders:
 * ./node_modules/source-map-loader/dist/cjs.js
You may need an additional loader to handle the result of these loaders.
|             height: radius,
|         };
>         return (<react_native_1.View style={[styles.circle, containerSizeStyle]}>
|         <react_native_1.View style={{
|                 borderWidth: width,

ERROR in ./node_modules/@ui-kitten/components/ui/datepicker/datepicker.component.js 234:16
Module parse failed: Unexpected token (234:16)
File was processed with these loaders:
 * ./node_modules/source-map-loader/dist/cjs.js
You may need an additional loader to handle the result of these loaders.
|     };
|     renderCalendar() {
>         return (<calendar_component_1.Calendar {...this.calendarProps} ref={this.calendarRef} onSelect={this.onSelect}/>);
|     }
| };

ERROR in ./node_modules/@ui-kitten/components/ui/datepicker/rangeDatepicker.component.js 181:16
Module parse failed: Unexpected token (181:16)
File was processed with these loaders:
 * ./node_modules/source-map-loader/dist/cjs.js
You may need an additional loader to handle the result of these loaders.
|     }
|     renderCalendar() {
>         return (<rangeCalendar_component_1.RangeCalendar ref={this.calendarRef} {...this.calendarProps}/>);
|     }
| };

ERROR in ./node_modules/@ui-kitten/components/ui/divider/divider.component.js 31:16
Module parse failed: Unexpected token (31:16)
File was processed with these loaders:
 * ./node_modules/source-map-loader/dist/cjs.js
You may need an additional loader to handle the result of these loaders.
|     render() {
|         const { eva, style, ...viewProps } = this.props;
>         return (<react_native_1.View {...viewProps} style={[eva.style, style]}/>);
|     }
| };

ERROR in ./node_modules/@ui-kitten/components/ui/drawer/drawer.component.js 155:16
Module parse failed: Unexpected token (155:16)
File was processed with these loaders:
 * ./node_modules/source-map-loader/dist/cjs.js
You may need an additional loader to handle the result of these loaders.
|         const { eva, style, header, footer, ...menuProps } = this.props;
|         const evaStyle = this.getComponentStyle(eva.style);
>         return (<>
|         <devsupport_1.FalsyFC style={evaStyle.header} component={header}/>
|         <menu_component_1.Menu style={[evaStyle.container, style]} showsVerticalScrollIndicator={false} bounces={false} {...menuProps}/>

ERROR in ./node_modules/@ui-kitten/components/ui/drawer/drawerGroup.component.js 41:16
Module parse failed: Unexpected token (41:16)
File was processed with these loaders:
 * ./node_modules/source-map-loader/dist/cjs.js
You may need an additional loader to handle the result of these loaders.
| class DrawerGroup extends react_1.default.Component {
|     render() {
>         return (<menuGroup_component_1.MenuGroup {...this.props}/>);
|     }
| }

ERROR in ./node_modules/@ui-kitten/components/ui/drawer/drawerItem.component.js 38:16
Module parse failed: Unexpected token (38:16)
File was processed with these loaders:
 * ./node_modules/source-map-loader/dist/cjs.js
You may need an additional loader to handle the result of these loaders.
| class DrawerItem extends react_1.default.Component {
|     render() {
>         return (<menuItem_component_1.MenuItem {...this.props}/>);
|     }
| }

ERROR in ./node_modules/@ui-kitten/components/ui/icon/icon.component.js 84:16
Module parse failed: Unexpected token (84:16)
File was processed with these loaders:
 * ./node_modules/source-map-loader/dist/cjs.js
You may need an additional loader to handle the result of these loaders.
|             return iconElement;
|         }
>         return (<react_native_1.Animated.View {...this.animation.toProps()}>
|         {iconElement}
|       </react_native_1.Animated.View>);

ERROR in ./node_modules/@ui-kitten/components/ui/input/input.component.js 175:16
Module parse failed: Unexpected token (175:16)
File was processed with these loaders:
 * ./node_modules/source-map-loader/dist/cjs.js
You may need an additional loader to handle the result of these loaders.
|         const { eva, textStyle, label, caption, accessoryLeft, accessoryRight, testID, ...textInputProps } = this.props;
|         const evaStyle = this.getComponentStyle(eva.style);
>         return (<devsupport_1.TouchableWithoutFeedback testID={`@${testID}/container`} style={evaStyle.container} focusable={false} onPress={this.focus}>
|         <devsupport_1.FalsyText style={[evaStyle.label, styles.label]} component={label}/>
|         <react_native_1.View style={[evaStyle.inputContainer, styles.inputContainer]}>

ERROR in ./node_modules/@ui-kitten/components/ui/layout/layout.component.js 45:16
Module parse failed: Unexpected token (45:16)
File was processed with these loaders:
 * ./node_modules/source-map-loader/dist/cjs.js
You may need an additional loader to handle the result of these loaders.
|     render() {
|         const { eva, style, ...viewProps } = this.props;
>         return (<react_native_1.View {...viewProps} style={[eva.style, style]}/>);
|     }
| };

ERROR in ./node_modules/@ui-kitten/components/ui/list/list.component.js 62:16
Module parse failed: Unexpected token (62:16)
File was processed with these loaders:
 * ./node_modules/source-map-loader/dist/cjs.js
You may need an additional loader to handle the result of these loaders.
|     render() {
|         const { eva, style, keyExtractor, ...flatListProps } = this.props;
>         return (<react_native_1.FlatList keyExtractor={keyExtractor || this.keyExtractor} {...flatListProps} ref={this.listRef} style={[eva.style, style]}/>);
|     }
| };

ERROR in ./node_modules/@ui-kitten/components/ui/list/listItem.component.js 103:16
Module parse failed: Unexpected token (103:16)
File was processed with these loaders:
 * ./node_modules/source-map-loader/dist/cjs.js
You may need an additional loader to handle the result of these loaders.
|     };
|     renderTemplateChildren = (props, evaStyle) => {
>         return (<>
|         <devsupport_1.FalsyFC style={evaStyle.icon} component={props.accessoryLeft}/>
|         <react_native_1.View style={styles.contentContainer}>

ERROR in ./node_modules/@ui-kitten/components/ui/menu/menu.component.js 126:16
Module parse failed: Unexpected token (126:16)
File was processed with these loaders:
 * ./node_modules/source-map-loader/dist/cjs.js
You may need an additional loader to handle the result of these loaders.
|     render() {
|         const { appearance, ...listProps } = this.props;
>         return (<list_component_1.List ItemSeparatorComponent={this.shouldRenderDividers && divider_component_1.Divider} {...listProps} data={this.data} renderItem={this.renderItem}/>);
|     }
| };

ERROR in ./node_modules/@ui-kitten/components/ui/menu/menuGroup.component.js 107:16
Module parse failed: Unexpected token (107:16)
File was processed with these loaders:
 * ./node_modules/source-map-loader/dist/cjs.js
You may need an additional loader to handle the result of these loaders.
|         }
|         const style = react_native_1.StyleSheet.flatten(evaProps.style);
>         return (<react_native_1.Animated.View style={{ transform: [{ rotate: this.expandToRotateInterpolation }] }}>
|         <chevronDown_component_1.ChevronDown {...evaProps} fill={style.tintColor}/>
|       </react_native_1.Animated.View>);

ERROR in ./node_modules/@ui-kitten/components/ui/menu/menuItem.component.js 106:16
Module parse failed: Unexpected token (106:16)
File was processed with these loaders:
 * ./node_modules/source-map-loader/dist/cjs.js
You may need an additional loader to handle the result of these loaders.
|         const { eva, style, title, accessoryLeft, accessoryRight, children, ...touchableProps } = this.props;
|         const evaStyle = this.getComponentStyle(eva.style);
>         return (<devsupport_1.TouchableWeb {...touchableProps} style={[styles.container, evaStyle.container, style]} onMouseEnter={this.onMouseEnter} onMouseLeave={this.onMouseLeave} onFocus={this.onFocus} onBlur={this.onBlur} onPress={this.onPress} onPressIn={this.onPressIn} onPressOut={this.onPressOut}>
|         <react_native_1.View style={[react_native_1.StyleSheet.absoluteFill, evaStyle.indicator]}/>
|         <devsupport_1.FalsyFC style={evaStyle.icon} component={accessoryLeft}/>

ERROR in ./node_modules/@ui-kitten/components/ui/modal/modal.component.js 93:16
Module parse failed: Unexpected token (93:16)
File was processed with these loaders:
 * ./node_modules/source-map-loader/dist/cjs.js
You may need an additional loader to handle the result of these loaders.
|     };
|     renderContentElement = () => {
>         return (<react_native_1.View {...this.props} style={[this.props.style, styles.modalView, this.contentFlexPosition]}/>);
|     };
|     renderMeasuringContentElement = () => {

ERROR in ./node_modules/@ui-kitten/components/ui/overflowMenu/overflowMenu.component.js 106:16
Module parse failed: Unexpected token (106:16)
File was processed with these loaders:
 * ./node_modules/source-map-loader/dist/cjs.js
You may need an additional loader to handle the result of these loaders.
|     renderPopoverContentElement = () => {
|         const { eva, children, style, ...menuProps } = this.props;
>         return (<menu_component_1.Menu {...menuProps} style={styles.menu} initialNumToRender={this.itemsCount} showsVerticalScrollIndicator={false} bounces={false}>
|         {this.props.children}
|       </menu_component_1.Menu>);

ERROR in ./node_modules/@ui-kitten/components/ui/popover/popover.component.js 137:16
Module parse failed: Unexpected token (137:16)
File was processed with these loaders:
 * ./node_modules/source-map-loader/dist/cjs.js
You may need an additional loader to handle the result of these loaders.
|     };
|     renderPopoverElement = () => {
>         return (<popoverView_component_1.PopoverView {...this.props} contentContainerStyle={[this.props.contentContainerStyle, styles.popoverView, this.contentFlexPosition]} layoutDirection={type_1.PopoverPlacements.parse(this.state.actualPlacement).flex()}>
|         {this.renderContentElement()}
|       </popoverView_component_1.PopoverView>);

ERROR in ./node_modules/@ui-kitten/components/ui/progressBar/progressBar.component.js 125:16
Module parse failed: Unexpected token (125:16)
File was processed with these loaders:
 * ./node_modules/source-map-loader/dist/cjs.js
You may need an additional loader to handle the result of these loaders.
|             indicatorStyles.push({ width });
|         }
>         return (<react_native_1.Animated.View style={indicatorStyles}/>);
|     };
|     render() {

ERROR in ./node_modules/@ui-kitten/components/ui/radio/radio.component.js 125:16
Module parse failed: Unexpected token (125:16)
File was processed with these loaders:
 * ./node_modules/source-map-loader/dist/cjs.js
You may need an additional loader to handle the result of these loaders.
|         const { eva, style, children, ...touchableProps } = this.props;
|         const evaStyle = this.getComponentStyle(eva.style);
>         return (<devsupport_1.TouchableWeb {...touchableProps} style={[styles.container, style]} onMouseEnter={this.onMouseEnter} onMouseLeave={this.onMouseLeave} onFocus={this.onFocus} onBlur={this.onBlur} onPress={this.onPress} onPressIn={this.onPressIn} onPressOut={this.onPressOut}>
|         <react_native_1.View style={styles.highlightContainer}>
|           <react_native_1.View style={[evaStyle.highlight, styles.highlight]}/>

ERROR in ./node_modules/@ui-kitten/components/ui/radioGroup/radioGroup.component.js 65:16
Module parse failed: Unexpected token (65:16)
File was processed with these loaders:
 * ./node_modules/source-map-loader/dist/cjs.js
You may need an additional loader to handle the result of these loaders.
|         const evaStyle = this.getComponentStyle(eva.style);
|         const radioElements = this.renderRadioElements(children, evaStyle.item);
>         return (<react_native_1.View {...viewProps} style={[evaStyle.container, style]}>
|         {radioElements}
|       </react_native_1.View>);

ERROR in ./node_modules/@ui-kitten/components/ui/select/select.component.js 312:16
Module parse failed: Unexpected token (312:16)
File was processed with these loaders:
 * ./node_modules/source-map-loader/dist/cjs.js
You may need an additional loader to handle the result of these loaders.
|     renderDefaultIconElement = (evaStyle) => {
|         const { tintColor, ...svgStyle } = evaStyle;
>         return (<react_native_1.Animated.View style={{ transform: [{ rotate: this.expandToRotateInterpolation }] }}>
|         <chevronDown_component_1.ChevronDown style={svgStyle} fill={tintColor}/>
|       </react_native_1.Animated.View>);

ERROR in ./node_modules/@ui-kitten/components/ui/select/selectGroup.component.js 72:16
Module parse failed: Unexpected token (72:16)
File was processed with these loaders:
 * ./node_modules/source-map-loader/dist/cjs.js
You may need an additional loader to handle the result of these loaders.
|             return null;
|         }
>         return (<checkbox_component_1.CheckBox {...props}/>);
|     };
|     renderGroupedItems = (source) => {

ERROR in ./node_modules/@ui-kitten/components/ui/select/selectItem.component.js 112:16
Module parse failed: Unexpected token (112:16)
File was processed with these loaders:
 * ./node_modules/source-map-loader/dist/cjs.js
You may need an additional loader to handle the result of these loaders.
|             return null;
|         }
>         return (<checkbox_component_1.CheckBox style={evaStyle} checked={this.props.selected} disabled={this.props.disabled} onChange={this.onAccessoryCheckedChange}/>);
|     };
|     render() {

ERROR in ./node_modules/@ui-kitten/components/ui/spinner/spinner.component.js 102:16
Module parse failed: Unexpected token (102:16)
File was processed with these loaders:
 * ./node_modules/source-map-loader/dist/cjs.js
You may need an additional loader to handle the result of these loaders.
|     renderArcElement = (style, size) => {
|         const arcSize = new devsupport_1.Size(size.width, size.height / 2);
>         return (<react_native_1.Animated.View style={[react_native_1.StyleSheet.absoluteFill, style.container, size]}>
|         <react_native_1.View style={[styles.noOverflow, style.overflow, arcSize]}>
|           <react_native_1.Animated.View style={[style.arc, size]}>

ERROR in ./node_modules/@ui-kitten/components/ui/tab/tab.component.js 79:16
Module parse failed: Unexpected token (79:16)
File was processed with these loaders:
 * ./node_modules/source-map-loader/dist/cjs.js
You may need an additional loader to handle the result of these loaders.
|         const { eva, style, title, icon, ...touchableProps } = this.props;
|         const evaStyle = this.getComponentStyle(eva.style);
>         return (<devsupport_1.TouchableWeb {...touchableProps} style={[evaStyle.container, styles.container, style]} onMouseEnter={this.onMouseEnter} onMouseLeave={this.onMouseLeave} onPress={this.onPress}>
|         <devsupport_1.FalsyFC style={evaStyle.icon} component={icon}/>
|         <devsupport_1.FalsyText style={evaStyle.title} component={title}/>

ERROR in ./node_modules/@ui-kitten/components/ui/tab/tabBar.component.js 147:16
Module parse failed: Unexpected token (147:16)
File was processed with these loaders:
 * ./node_modules/source-map-loader/dist/cjs.js
You may need an additional loader to handle the result of these loaders.
|         const evaStyle = this.getComponentStyle(eva.style);
|         const tabElements = this.renderTabElements(children);
>         return (<react_native_1.View testID={testID}>
|         <react_native_1.View {...viewProps} style={[evaStyle.container, styles.container, style]}>
|           {tabElements}

ERROR in ./node_modules/@ui-kitten/components/ui/tab/tabView.component.js 84:16
Module parse failed: Unexpected token (84:16)
File was processed with these loaders:
 * ./node_modules/source-map-loader/dist/cjs.js
You may need an additional loader to handle the result of these loaders.
|         const { style, selectedIndex, children, tabBarStyle, indicatorStyle, ...viewProps } = this.props;
|         const { tabs, contents } = this.renderComponentChildren(children);
>         return (<react_native_1.View {...viewProps} style={[styles.container, style]}>
|         <tabBar_component_1.TabBar style={tabBarStyle} ref={this.tabBarRef} selectedIndex={selectedIndex} indicatorStyle={indicatorStyle} onSelect={this.onBarSelect}>
|           {tabs}

ERROR in ./node_modules/@ui-kitten/components/ui/text/text.component.js 71:16
Module parse failed: Unexpected token (71:16)
File was processed with these loaders:
 * ./node_modules/source-map-loader/dist/cjs.js
You may need an additional loader to handle the result of these loaders.
|     render() {
|         const { eva, style, ...textProps } = this.props;
>         return (<react_native_1.Text {...textProps} style={[eva.style, style]}/>);
|     }
| };

ERROR in ./node_modules/@ui-kitten/components/ui/toggle/toggle.component.js 273:16
Module parse failed: Unexpected token (273:16)
File was processed with these loaders:
 * ./node_modules/source-map-loader/dist/cjs.js
You may need an additional loader to handle the result of these loaders.
|         const { eva, style, checked, children, testID, ...touchableProps } = this.props;
|         const evaStyle = this.getComponentStyle(eva.style);
>         return (<react_native_1.View testID={testID} {...this.panResponder.panHandlers} style={[styles.container, style]}>
|         <devsupport_1.TouchableWeb {...touchableProps} style={styles.toggleContainer} onMouseEnter={this.onMouseEnter} onMouseLeave={this.onMouseLeave} onFocus={this.onFocus} onBlur={this.onBlur}>
|           <react_native_1.View style={[evaStyle.highlight, styles.highlight]}/>

ERROR in ./node_modules/@ui-kitten/components/ui/tooltip/tooltip.component.js 107:16
Module parse failed: Unexpected token (107:16)
File was processed with these loaders:
 * ./node_modules/source-map-loader/dist/cjs.js
You may need an additional loader to handle the result of these loaders.
|     renderPopoverIndicatorElement = (props) => {
|         const evaStyle = this.getComponentStyle(this.props.eva.style);
>         return (<popoverIndicator_component_1.PopoverIndicator {...props} style={[props.style, evaStyle.indicator]}/>);
|     };
|     render() {

ERROR in ./node_modules/@ui-kitten/components/ui/topNavigation/topNavigation.component.js 114:16
Module parse failed: Unexpected token (114:16)
File was processed with these loaders:
 * ./node_modules/source-map-loader/dist/cjs.js
You may need an additional loader to handle the result of these loaders.
|         const evaStyles = this.getComponentStyle(eva.style);
|         const alignmentStyles = this.getAlignmentDependentStyles(alignment);
>         return (<react_native_1.View style={[evaStyles.container, styles.container, alignmentStyles.container, style]} {...viewProps}>
|         <react_native_1.View style={styles.leftControlContainer}>
|           <devsupport_1.FalsyFC component={accessoryLeft}/>

ERROR in ./node_modules/@ui-kitten/components/ui/topNavigation/topNavigationAction.component.js 81:16
Module parse failed: Unexpected token (81:16)
File was processed with these loaders:
 * ./node_modules/source-map-loader/dist/cjs.js
You may need an additional loader to handle the result of these loaders.
|         const { eva, style, icon, ...touchableProps } = this.props;
|         const evaStyle = this.getComponentStyle(eva.style);
>         return (<devsupport_1.TouchableWeb {...touchableProps} style={[evaStyle.container, style]} onMouseEnter={this.onMouseEnter} onMouseLeave={this.onMouseLeave} onFocus={this.onFocus} onBlur={this.onBlur} onPressIn={this.onPressIn} onPressOut={this.onPressOut}>
|         <devsupport_1.FalsyFC style={evaStyle.icon} component={icon}/>
|       </devsupport_1.TouchableWeb>);

ERROR in ./node_modules/@ui-kitten/components/ui/viewPager/viewPager.component.js 141:16
Module parse failed: Unexpected token (141:16)
File was processed with these loaders:
 * ./node_modules/source-map-loader/dist/cjs.js
You may need an additional loader to handle the result of these loaders.
|     renderComponentChild = (source, index) => {
|         const contentView = this.props.shouldLoadComponent(index) ? source : null;
>         return (<react_native_1.View style={styles.contentContainer}>
|         {contentView}
|       </react_native_1.View>);

web compiled with 52 errors and 80 warnings
⠧ Stopping server(node:53821) [DEP_WEBPACK_DEV_SERVER_CLOSE] DeprecationWarning: 'close' is deprecated. Please use the async 'stop' or 'stopCallback' method.
› Stopped server

Why couldnt you simply provide a expo starter template of ui kitten? I can just see how does mine relate to it? Also I really feel like the issue must be related to transpiling. Mentioning something related to babel or jsconfig.json. If you pls could really pin point whats this it ll lead me to its root cause. Also as some errors point to code on jsx, I tried changing file formats to jsx, still errors the same. Any ideas soon ll really be highly appreciative. I just tried something like in jsconfig.json:

{
    "target": "ES6",
    "lib": ["DOM", "ES6", "DOM.Iterable", "ScriptHost", "ES2016.Array.Include"],
    // ...
}

Also my babel.config.js looks like:

module.exports = function(api) {
  api.cache(true);
  return {
    presets: ['babel-preset-expo'],
  };
};

Are any settings related changes required for anything related to transpiling?

nikevp commented 1 year ago

Actually, my issue appears to be different from @12sam12: 

ERROR in ./node_modules/@ui-kitten/eva-icons/evaIcon.component.js 19:16
Module parse failed: Unexpected token (19:16)
File was processed with these loaders:
 * ../../../../.npm-global/lib/node_modules/expo-cli/node_modules/source-map-loader/dist/cjs.js
You may need an additional loader to handle the result of these loaders.
|         // @ts-ignore - UI Kitten components pass here `tintColor`
|         const fillColor = react_native_1.StyleSheet.flatten(style || {}).tintColor;
>         return (<Icon style={props.style} fill={fillColor} {...svgProps}/>);
|     }
| }

I can't build web when using eva icons but ios works fine. I also just went from expo's quickstart and followed the manual instructions:

  1. npx create-expo-app my-app
  2. https://akveo.github.io/react-native-ui-kitten/docs/guides/getting-started#manual-installation
  3. https://akveo.github.io/react-native-ui-kitten/docs/guides/icon-packages#icon-packages

My package.json if it helps:

{
  "dependencies": {
    "@eva-design/eva": "^2.2.0",
    "@ui-kitten/components": "^5.3.1",
    "@ui-kitten/eva-icons": "^5.3.1",
    "expo": "~48.0.18",
    "expo-cli": "^6.3.2",
    "react": "18.2.0",
    "react-dom": "18.2.0",
    "react-native": "0.71.8",
    "react-native-svg": "13.4.0",
    "react-native-web": "~0.18.10"
  },
  "devDependencies": {
    "@babel/core": "^7.19.3",
    "@babel/plugin-proposal-export-namespace-from": "^7.18.9",
    "@expo/webpack-config": "^18.1.0",
    "@types/react": "~18.0.24",
    "@types/react-native": "~0.70.6",
    "typescript": "^4.6.3"
  },
  "scripts": {
    "start": "expo start",
    "android": "expo start --android",
    "ios": "expo start --ios",
    "web": "expo start --web"
  },
  "version": "1.0.0",
  "private": true,
  "name": ""
}

I tried customizing the webpack config but that didn't help. @bataevvlad any ideas? Also @12sam12 if you want help try asking nicely since you're not paying anyone here lol

bataevvlad commented 1 year ago

@12sam12 for the fast solution please use metro for expo web: https://docs.expo.dev/guides/customizing-metro/#web-support

@nikevp if you experience some not related issue please create separate ticket, best regards

shirish87 commented 1 year ago

I had the same issue as @nikevp with the @ui-kitten/eva-icons package. Tried the metro bundler for expo web as suggested above, but the cursed config didn't play well with @aws-amplify/ui-react-native.

On further digging (edited my earlier answer), there's another option (disclaimer: no idea of ramifications).

For non-expo webpack users, use webpack.config.js:

const createExpoWebpackConfigAsync = require("@expo/webpack-config");

module.exports = async function (env, argv) {
  const config = await createExpoWebpackConfigAsync({
    ...env,
    babel: {
      dangerouslyAddModulePathsToTranspile: [
        // Add additional problem packages to the transpiler
        "@ui-kitten/components",
        "@ui-kitten/eva-icons",
        "@aws-amplify/ui-react-native"
      ],
    },
  }, argv);

  // Customize the config before returning it.
  // Ignore source maps in node_modules
  // Idea from: https://stackoverflow.com/questions/63195843/webpack-module-warning-failed-to-parse-source-map-from-data-url
  // Issue: https://github.com/akveo/react-native-ui-kitten/issues/1745

  config.ignoreWarnings = [
    ...(config.ignoreWarnings ?? []),
    /failed to parse source map/i,
  ];

  return config;
};

Expo users can simply configure app.json for web like so:

{
  "expo": {
    ...
    "web": {
      "favicon": "./assets/favicon.png",
      "build": {
        "babel": {
          "include": [
            "@ui-kitten/components",
            "@ui-kitten/eva-icons",
            "@aws-amplify/ui-react-native"
          ]
        }
      }
    }
  }
}