Unable to resolve "../../App" from "node_modules\expo\AppEntry.js" #183

zyxel648 · 2019-08-05T13:33:03Z

In console, I just run the following command:
vue-native init <project name>
And then, delete App.js file (App.vue file still exists)

npm list -g --depth=0

+-- @vue/[email protected]
+-- @vue/[email protected]
+-- [email protected]
+-- [email protected]
+-- [email protected]
+-- [email protected]
+-- [email protected]
+-- [email protected]
+-- [email protected]
+-- [email protected]
`-- [email protected]

package.json

{
  "main": "node_modules/expo/AppEntry.js",
  "scripts": {
    "start": "expo start",
    "android": "expo start --android",
    "ios": "expo start --ios",
    "web": "expo start --web",
    "eject": "expo eject"
  },
  "dependencies": {
    "expo": "^34.0.1",
    "react": "16.8.3",
    "react-dom": "^16.8.6",
    "react-native": "https://github.com/expo/react-native/archive/sdk-34.0.0.tar.gz",
    "react-native-web": "^0.11.4",
    "vue-native-core": "^0.1.0",
    "vue-native-helper": "^0.1.0",
    "vue-native-scripts": "0.0.16"
  },
  "devDependencies": {
    "@babel/core": "^7.0.0",
    "babel-preset-expo": "^6.0.0"
  },
  "private": true
}

Beacause I have problems with installation of vue-native-scripts v.0.1.0 (#182), I added them manually. [email protected] did not work correncly with RN v.0.59 (expo sdk 34)

In stack trace I see:

The module '../../App' could not be found from 'C:\\sample\\node_moudules\\expo\\AppEntry.js'. Indead, none of these files exist:
* 'C:\\sample\\App(.native||.android.expo.js|.native.expo.js|.expo.js|.android.expo.ts|.native.expo.ts|.expo.ts|.android.expo.tsx|.native.expo.tsx|.expo.tsx|.android.expo.json|.native.expo.json|.expo.json|.android.js|.native.js|.js|.android.json|.native.json|.json|.android.ts|.native.ts|.ts|.android.tsx|.native.tsx|.tsx

But why it's don't try to resolve module with vue extension?

metro.config.js

/**
 * Metro configuration for React Native
 * https://github.com/facebook/react-native
 *
 * @format
 */

const { getDefaultConfig } = require("metro-config");

module.exports = (async () => {
  const {
    resolver: { sourceExts }
  } = await getDefaultConfig();
  return {
    transformer: {
      babelTransformerPath: require.resolve("./vueTransformerPlugin.js"),
      getTransformOptions: async () => ({
        transform: {
          experimentalImportSupport: false,
          inlineRequires: false,
        },
      })
    },
    resolver: {
      sourceExts: [...sourceExts, "vue"]
    }
  };
})();

I spent about 3 days trying to solve this issue, but nothing found how to do this.

Repository

The text was updated successfully, but these errors were encountered:

Shrekie · 2019-08-06T12:20:26Z

Same.

With yarn I don't have the vue-native-scripts installation issue.

But I'm also getting Unable to resolve "../../App" from "node_modules/expo/AppEntry.js"
Failed building JavaScript bundle.

This is on a totally fresh cli init project

ChildishForces · 2019-08-06T12:49:38Z

Same here, I'm guessing it may have something to do with the new version of vue-native-cli that went live 4 days ago.

zyxel648 · 2019-08-06T14:06:35Z

Same here, I'm guessing it may have something to do with the new version of vue-native-cli that went live 4 days ago.

Actually no. I'm already have [email protected] and [email protected] and I'm trying to use previous versions (0.0.7 and 0.0.8) - get the same error. Also try to use expo sdk v. 33 - same error. It works only on expo sdk 32, but native-base don't. Maybe this error came from expo and metro bundler... who knows. I can't debug js code :(
Finally, I decide to not use vue-native and write with react, beacause vue-native has poor support unfortunately :( Error "Unable to resolve "../../App"" exists more than year and nobody wants to solve this issue 😢

ChildishForces · 2019-08-06T14:20:54Z

It's pretty bad that this package is basically unusable then. There's no way to init a new project.

tjimenez · 2019-08-06T15:44:33Z

Same for me! :(

drmmarsunited · 2019-08-07T01:44:23Z

Also hitting this exact issue when trying to follow Getting Started instructions on the Vue native site

AnkurDahama · 2019-08-07T05:09:48Z

Same problem with me while following 'Getting started' on vue native site. Tried tweaking some versions but still no luck.

koladev32 · 2019-08-07T05:27:39Z

import App from '../../App.vue' I tried this and it worked. You have to change the path in the AppEntry.js.

AnkurDahama · 2019-08-07T05:35:16Z

Still doesn't work. now getting Unable to resolve "../../App.vue" from "node_modules/expo/AppEntry.js"

koladev32 · 2019-08-07T05:42:41Z

Okay I see. Send the tree view of your project.

AnkurDahama · 2019-08-07T05:51:03Z

this is the root folder

AnkurDahama · 2019-08-07T05:52:08Z

this is my AppEntry.js

bthomas16 · 2019-08-07T18:40:15Z

This began happening to me when I was forced to upgrade Node.js to be compatable with a new Expo version. I had a working project, but after upgrading my Node.js version for Expo compatibility I began seeing this error.

I cleared my entire Node.js cache and got the latest of every dependency. I followed the Vue-native "getting started" documentation. And this error occurs when using command "npm run ios" after simply init-ing a new project

ChildishForces · 2019-08-08T10:30:05Z

Any update?

zyxel648 · 2019-08-08T10:36:26Z

Any update?

Same error. Even with latest version of expo-cli (3.0.9)

ChildishForces · 2019-08-08T10:37:36Z

This is a huge error. We can't even init a new project, so the package is essentially unusable at this version.

damferreyra · 2019-08-08T13:17:48Z

Hello there, I don't know if this gonna be helpful, but the latest functional configuration for me is:

package.json:
{
"react-native": "https://github.com/expo/react-native/archive/sdk-32.0.0.tar.gz",
"expo": "^32.0.0",
"react": "16.5.0"
}

app.json:
"sdkVersion": "32.0.0",

Reference SDK 32:
https://docs.expo.io/versions/latest/workflow/upgrading-expo-sdk-walkthrough/

With that configuration, I was able to compile a new app created with the latest vue-native CLI.
Sorry about my English :c, have a good day.

Shrekie · 2019-08-08T13:29:34Z

I managed to get newest vue native to work.

In app.json add
"sourceExts": [ "js", "json", "ts", "tsx", "jsx", "vue"]
Inside
"packagerOpts"

ChildishForces · 2019-08-08T13:42:03Z

I managed to get newest vue native to work.

In app.json add
"sourceExts": [ "js", "json", "ts", "tsx", "jsx", "vue"]
Inside
"packagerOpts"

Hero. Worked for me.

zyxel648 · 2019-08-08T13:47:39Z

In app.json add
"sourceExts": [ "js", "json", "ts", "tsx", "jsx", "vue"]
Inside
"packagerOpts"

As mentioned by @Shrekie. Thanks 👍

NovusTheory · 2019-08-08T13:50:10Z

I probably would still keep this open as this doesn't fix vue-native itself

tjimenez · 2019-08-08T15:27:27Z

I've tried for some weeks and I can't even start the clean project.

The last try was adding "sourceExts": [ "js", "json", "ts", "tsx", "jsx", "vue"] to app.json file and returns the following error. (clean install)

Resume

UnhandledPromiseRejectionWarning: Error: Cannot find module 'metro/src/reactNativeTransformer'

Cannot read property 'transformFile' of undefined
Failed building JavaScript bundle.

tjimenez · 2019-08-08T15:42:04Z

I've tried for some weeks and I can't even start the clean project.

The last try was adding "sourceExts": [ "js", "json", "ts", "tsx", "jsx", "vue"] to app.json file and returns the following error. (clean install)

Resume

UnhandledPromiseRejectionWarning: Error: Cannot find module 'metro/src/reactNativeTransformer'

Cannot read property 'transformFile' of undefined
Failed building JavaScript bundle.

UPDATE: Mixing the solution of @damferreyra and @zyxel648 made it work. Thanks guys.

Syltis · 2019-08-09T07:18:09Z

The current latest versions of react and vue worked for me when using the solution @zyxel648 proposed. Great stuff, been stuck on this for a while.

Syltis · 2019-08-09T10:41:32Z

I was wrong. This worked for running the app.vue file as project root, but if I add any kind of script to the component I get this error

App.vue: tsConsumer.originalPositionFor is not a function
Failed building JavaScript bundle.

No other error-messages are displayed. What does this even mean?

damferreyra · 2019-08-09T10:47:48Z

@Syltis
I used to have the same error
, using "vue-native-scripts": "0.0.16" (instead of 0.1.0) resolved that issue in my case (with the @zyxel648 solution and the last expo sdk: 34 )

So far everything seems to work ok.

anoop-ananthan · 2019-08-09T11:28:03Z

We were not able to use this for our new project because I was not able to run the project

ChildishForces · 2019-08-09T11:43:13Z

Seems super bad for a major version release.

…

________________________________ From: Anoop.P.A <[email protected]> Sent: Friday, August 9, 2019 1:28:13 PM To: GeekyAnts/vue-native-core <[email protected]> Cc: Chris Schofield <[email protected]>; Comment <[email protected]> Subject: Re: [GeekyAnts/vue-native-core] Unable to resolve "../../App" from "node_modules\expo\AppEntry.js" (#183) We were not able to use this for our new project because I was not able to run the project — You are receiving this because you commented. Reply to this email directly, view it on GitHub<#183?email_source=notifications&email_token=AJSVR2RXVVCON5H3FM5FNOLQDVIE3A5CNFSM4IJLIBCKYY3PNVWWK3TUL52HS4DFVREXG43VMVBW63LNMVXHJKTDN5WW2ZLOORPWSZGOD36M4YQ#issuecomment-519884386>, or mute the thread<https://github.com/notifications/unsubscribe-auth/AJSVR2U3Y65XE6QHP67EMVLQDVIE3ANCNFSM4IJLIBCA>.

Syltis · 2019-08-09T12:36:41Z

@damferreyra
That actually worked. I am now able to script in App.vue after using the @zyxel648 solution and downgrading 'vue-native-scripts' to 0.0.16. Great stuff, thanks.

RishabhKarnad · 2019-08-09T16:11:22Z

@zyxel648 @ChildishForces @Syltis I am unable to reproduce the issue on my end. Are you using the latest version of Expo client? I have tried clearing my cache, resetting the device data, and tested on both iOS and Android.

@Syltis the tsConsumer.originalPositionFor is not a function issue is known (#179). It will be fixed with v0.1.1 that should be out within a few hours.

ChildishForces · 2019-08-09T16:14:50Z

Latest expo-cli, latest vue-native-cli, latest vue-native-core. Running this on Mac, though don’t know why that’d make a difference. Get Outlook for iOS<https://aka.ms/o0ukef>

…

________________________________ From: Rishabh Karnad <[email protected]> Sent: Friday, August 9, 2019 6:11:33 PM To: GeekyAnts/vue-native-core <[email protected]> Cc: Chris Schofield <[email protected]>; Mention <[email protected]> Subject: Re: [GeekyAnts/vue-native-core] Unable to resolve "../../App" from "node_modules\expo\AppEntry.js" (#183) @zyxel648<https://github.com/zyxel648> @ChildishForces<https://github.com/ChildishForces> @Syltis<https://github.com/Syltis> I am unable to reproduce the issue on my end. Are you using the latest version of Expo client? I have tried clearing my cache, resetting the device data, and tested on both iOS and Android. @Syltis<https://github.com/Syltis> the tsConsumer.originalPositionFor is not a function issue is known (#175<#175>). It will be fixed with v0.1.1 that should be out within a few hours. — You are receiving this because you were mentioned. Reply to this email directly, view it on GitHub<#183?email_source=notifications&email_token=AJSVR2TLPNYXNLEOOV2VPXTQDWJLLA5CNFSM4IJLIBCKYY3PNVWWK3TUL52HS4DFVREXG43VMVBW63LNMVXHJKTDN5WW2ZLOORPWSZGOD37DPCA#issuecomment-519976840>, or mute the thread<https://github.com/notifications/unsubscribe-auth/AJSVR2VT2UKBBZN5DOZ2JLLQDWJLLANCNFSM4IJLIBCA>.

drmmarsunited · 2019-08-10T19:01:07Z

After manually adding "vue-native-scripts" pinned to my package.json file at version 0.0.16, I am up and running.

RishabhKarnad · 2019-08-13T07:43:49Z

This is an Expo bug. The workaround mentioned by @Shrekie should work here. Expo seems to be ignoring some of the metro config resolver options.

The relevant Expo issues can be found here:

Until those issues are resolved, it seems Expo users will have to use the workaround and modify their app.json. I'll update the documentation to reflect this.

RishabhKarnad · 2019-08-13T07:45:31Z

I managed to get newest vue native to work.

In app.json add
"sourceExts": [ "js", "json", "ts", "tsx", "jsx", "vue"]
Inside
"packagerOpts"

Use this until the Expo bug is fixed.

Wrufesh · 2019-08-14T10:40:55Z

Simply adding sourceExts in packagerOpts doesnot solve the issue.
Its very frustating.
vue-native-cli (v-0.1.0)
expo-cli (v-3..0.9)

… exts + vue extensions) Fixes #23 Addresses - GeekyAnts/vue-native-core#183 - GeekyAnts/vue-native-core#194

Hiti3 · 2020-07-30T12:25:33Z

bump, still not resolved..

RishabhKarnad · 2020-07-30T12:48:57Z

@Hiti3 can you please provide a project directory reproducing this with the latest versions of vue-native-core, vue-native-scripts and vue-native-helper (0.1.4)?

PixsaOJ · 2020-11-06T10:12:16Z

Still a problem. Just installed expo-cli & vue-native-cli

linsrep · 2020-12-02T16:59:56Z

O que acontece no meu projeto é que eu alterei o arquivo APP, enviando ele para a pasta SRC/APP.... e o expo está buscando ../../APP... quando altero ../src/App no arquivo AppEntry.js localizado em 'node_modules\expo\AppEntrey.js" ele funciona. Como fazer o expo enxergar que eu mudei o arquivo APP?? Detalhe, eu estou usando index.tsx

ThomasVeld · 2020-12-09T10:31:34Z

Having the same problem!

RishabhKarnad · 2020-12-09T19:10:36Z

To anyone still facing this issue, please add the following information:

Target platform (iOS / Android / web) -> Please note web is not supported at the moment (npm run web fails #268)
Development platform (OSX / Linux / Windows) and shell being used

prashantpag26 · 2021-02-19T13:10:09Z

The error came because our App.js file is path was wrong or we by mistake change put App.js file in another folder.
Check below photo where I put my App.js in routes folder

wixys · 2021-04-11T21:27:44Z

I nerver can't start a project with vue-native or expo, move to PWA.

aacassandra · 2021-05-22T15:45:47Z

2021, vue-native, fresh install can't start. move to ionic-vue3 with capacitor

tuannq-0847 · 2021-09-06T01:32:04Z

Yeah, 2021 here. It is so fucking frustrating

ijoolaie · 2022-07-09T08:38:47Z

I managed to get newest vue native to work.

In app.json add "sourceExts": [ "js", "json", "ts", "tsx", "jsx", "vue"] Inside "packagerOpts"

I finally done that.
at first i added the above lines to app.json file but it didn't helped me. after that i wen to this file "../node_modules\expo\AppEntry.js" and edited the import App as "import App from "../../app" then saved it and it worked for me

zyxel648 closed this as completed Aug 8, 2019

zyxel648 reopened this Aug 8, 2019

Syltis mentioned this issue Aug 9, 2019

New project does not run GeekyAnts/vue-native-cli#23

Closed

This was referenced Aug 13, 2019

Update README.md to describe required changes in app.json for Expo users #189

Closed

Update README.md to describe required changes in app.json for Expo users GeekyAnts/vue-native-cli#25

Closed

RishabhKarnad closed this as completed Aug 13, 2019

This was referenced Aug 14, 2019

Release tag v0.1.2 #193

Merged

"Unable to resolve "../../App" from "node_modules\expo\AppEntry.js"" #194

Closed

RishabhKarnad pushed a commit to GeekyAnts/vue-native-cli that referenced this issue Aug 19, 2019

Add source extensions to app.json for Expo apps (default metro source…

b71d06d

… exts + vue extensions) Fixes #23 Addresses - GeekyAnts/vue-native-core#183 - GeekyAnts/vue-native-core#194

RishabhKarnad mentioned this issue Aug 19, 2019

Add source extensions to app.json for Expo apps GeekyAnts/vue-native-cli#26

Merged

vthunder added a commit to vthunder/tk-ios that referenced this issue Jan 23, 2020

work-around upstream bug: GeekyAnts/vue-native-core#183

4f770d5

merencia mentioned this issue Apr 19, 2020

Can't resolve '../../App' in node_modules/expo/AppEntry.js #235

Closed

Unable to resolve "../../App" from "node_modules\expo\AppEntry.js" #183

Unable to resolve "../../App" from "node_modules\expo\AppEntry.js" #183

Comments

zyxel648 commented Aug 5, 2019

Shrekie commented Aug 6, 2019

ChildishForces commented Aug 6, 2019

zyxel648 commented Aug 6, 2019

ChildishForces commented Aug 6, 2019

tjimenez commented Aug 6, 2019

drmmarsunited commented Aug 7, 2019

AnkurDahama commented Aug 7, 2019

koladev32 commented Aug 7, 2019

AnkurDahama commented Aug 7, 2019

koladev32 commented Aug 7, 2019

AnkurDahama commented Aug 7, 2019

AnkurDahama commented Aug 7, 2019

bthomas16 commented Aug 7, 2019

ChildishForces commented Aug 8, 2019

zyxel648 commented Aug 8, 2019

ChildishForces commented Aug 8, 2019

damferreyra commented Aug 8, 2019

Shrekie commented Aug 8, 2019 • edited Loading

ChildishForces commented Aug 8, 2019

zyxel648 commented Aug 8, 2019

NovusTheory commented Aug 8, 2019

tjimenez commented Aug 8, 2019 • edited Loading

tjimenez commented Aug 8, 2019

Syltis commented Aug 9, 2019

Syltis commented Aug 9, 2019

damferreyra commented Aug 9, 2019 • edited Loading

anoop-ananthan commented Aug 9, 2019

ChildishForces commented Aug 9, 2019 via email • edited Loading

Syltis commented Aug 9, 2019

RishabhKarnad commented Aug 9, 2019 • edited Loading

ChildishForces commented Aug 9, 2019 via email

drmmarsunited commented Aug 10, 2019 • edited Loading

RishabhKarnad commented Aug 13, 2019

RishabhKarnad commented Aug 13, 2019

Wrufesh commented Aug 14, 2019 • edited Loading

Hiti3 commented Jul 30, 2020

RishabhKarnad commented Jul 30, 2020

PixsaOJ commented Nov 6, 2020

linsrep commented Dec 2, 2020

ThomasVeld commented Dec 9, 2020

RishabhKarnad commented Dec 9, 2020

prashantpag26 commented Feb 19, 2021

wixys commented Apr 11, 2021

aacassandra commented May 22, 2021

tuannq-0847 commented Sep 6, 2021

ijoolaie commented Jul 9, 2022 • edited Loading

Shrekie commented Aug 8, 2019 •

edited

Loading

tjimenez commented Aug 8, 2019 •

edited

Loading

damferreyra commented Aug 9, 2019 •

edited

Loading

ChildishForces commented Aug 9, 2019 via email •

edited

Loading

RishabhKarnad commented Aug 9, 2019 •

edited

Loading

drmmarsunited commented Aug 10, 2019 •

edited

Loading

Wrufesh commented Aug 14, 2019 •

edited

Loading

ijoolaie commented Jul 9, 2022 •

edited

Loading