Why do I get the error "None of these files exist:", even though the file does exist?

I am trying to import something from ./components/task using this line of code:

import Task from './components/task';

but I get the error

None of these files exist:
  * componentstask(.native|.android.ts|.native.ts|.ts|.android.tsx|.native.tsx|.tsx|.android.js|.native.js|.js|.android.jsx|.native.jsx|.jsx|.android.json|.native.json|.json)
  * componentstaskindex(.native|.android.ts|.native.ts|.ts|.android.tsx|.native.tsx|.tsx|.android.js|.native.js|.js|.android.jsx|.native.jsx|.jsx|.android.json|.native.json|.json)
  1 | import React from 'react';
  2 | import { StyleSheet, Text, View } from 'react-native';
> 3 | import Task from './components/task';
    |                   ^
  4 |
  5 | export default function App() {
  6 |   return (

I have no idea why I am getting this error. The screenshot clearly shows the path does exist.

This is the error I get, even though the path does exist.


Source: JavaSript – Stack Overflow

November 24, 2021
Category : News
Tags: expo | javascript | reactjs

Leave a Reply

Your email address will not be published. Required fields are marked *

Sitemap | Terms | Privacy | Cookies | Advertising

Senior Software Developer

Creator of @LzoMedia I am a backend software developer based in London who likes beautiful code and has an adherence to standards & love's open-source.