Vue Native 始终执行 App.js 而不是 .vue

我做了vue-native安装的第一个过程，我正在遵循“入门”Hello world教程（https://vue-native.io/getting-started.html https://vue-native.io/getting-started.html），但是App.vue永远不会被执行，只有App.js。如果我删除App.js我收到错误：

“无法从“node_modules\expo\AppEntry.js”解析“../../App””

我该如何解决此问题以使其正常工作并按照教程解决任何问题？

文件夹结构：

App.js

import React from 'react';
import { StyleSheet, Text, View } from 'react-native';

export default class App extends React.Component {
  render() {
    return (
      <View style={styles.container}>
        <Text>Open up App.js to start working on your app!</Text>
      </View>
    );
  }
}

const styles = StyleSheet.create({
  container: {
    flex: 1,
    backgroundColor: '#fff',
    alignItems: 'center',
    justifyContent: 'center',
  },
});

App.vue

<template>
  <view class="container">
    <text class="text-color-primary">My Vue Native App</text>
    </view>
</template>

<style>
.container {
  background-color: white;
  align-items: center;
  justify-content: center;
  flex: 1;
}
.text-color-primary {
  color: blue;
}
</style>

谢谢

尽管答案可能对某些人有用。还有另一种方法可以解决此问题，而无需删除任何文件。 导航到节点模块文件夹。 搜索 expo 文件夹。

打开AppEntry.js文件。 它应该看起来像这样：

import 'expo/build/Expo.fx';
import registerRootComponent from 'expo/build/launch/registerRootComponent';
import { activateKeepAwake } from 'expo-keep-awake';

import App from '../../App'; // we will change this!

if (__DEV__) {
  activateKeepAwake();
}

registerRootComponent(App);

Modify Appentry.js对此：

import 'expo/build/Expo.fx';
import registerRootComponent from 'expo/build/launch/registerRootComponent';
import { activateKeepAwake } from 'expo-keep-awake';

import App from '../../App.vue'; // Will use App.vue as the entry point

if (__DEV__) {
  activateKeepAwake();
}

registerRootComponent(App);