Vue native всегда выполняет приложение.js вместо .вю


Vue native всегда выполняет приложение.js вместо .вю

16.12.2018 11:06:48 Просмотров 78 Источник

Я сделал первый процесс установки Vue-native, и я следую" начало работы " Hello world учебник ( https://vue-native.io/getting-started.html ), но App.vueникогда не выполняется, только App.js. Если я удалю App.jsя получаю ошибку:

"Не могу решить"../../App " от " node_modules\expo\AppEntry.JS""

Как я могу исправить эту проблему, чтобы заставить ее работать и следовать учебнику с любой проблемой?

структура папок:

enter image description here

Апп.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',
  },
});

Апп.вю

<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>

Спасибо

У вопроса есть решение - Посмотреть?

https://stackoverflow.com/questions/53806021/vue-native-is-always-executing-app-js-instead-of-vue#comment94461587_53806021
это поможет, если вы опубликуете дополнительную информацию, такую как структура папок и инструкция экспорта в вашем приложении.JS. из ошибки он ищет файл js с именем AppEntry.js? поэтому опубликуйте свою структуру папок и немного информации о том, как вы установили vue и или создали приложение - например, использовали ли вы vue-cli?
https://stackoverflow.com/questions/53806021/vue-native-is-always-executing-app-js-instead-of-vue#comment94461746_53806021
Я отредактировал вопрос, я добавил приложение.Яш, приложение.vue и структура папок.
https://stackoverflow.com/questions/53806021/vue-native-is-always-executing-app-js-instead-of-vue#comment94491546_53806021
Я использую Vue, я просто набрал в консоли "Vue-native init <project-name>", а затем выполнил его с помощью " npm start"

Ответы - Vue native всегда выполняет приложение.js вместо .вю / Vue native is always executing App.js instead of .vue

Daniel Diaz

20.02.2019 10:47:20

Для меня сработало следующее:
Сначала вы удаляете app.jsэто даст вам ошибку, но не волнуйтесь. Вам нужно будет выполнить команду npm installnpm. После этого снова запустите vue-native с npm start

Это позволит запустить приложение.Vue файл нормально

https://stackoverflow.com/questions/53806021/vue-native-is-always-executing-app-js-instead-of-vue/54794184#comment101138726_54794184
У меня та же проблема, и это решение не сработало
https://stackoverflow.com/questions/53806021/vue-native-is-always-executing-app-js-instead-of-vue/54794184#comment101335449_54794184
Не работает! Ошибка по-прежнему " не удается разрешить модуль ./App с /home/abc/coding/learn/vue-native/sample/index.js: модуль ./App не может быть найдено из /home/abc/coding/learn/vue-native/sample/index.js. Действительно, ни один из этих файлов не существует:`
user1785961

23.08.2019 06:13:21

Была такая же проблема. Ниже работает для меня

В приложении.JSON добавить

"sourceExts": [ "js", "json", "ts", "tsx", "jsx", "vue"]

Внутри " пакагероптс"

"packagerOpts": { "sourceExts": [ "js", "json", "ts", "tsx", "jsx", "vue"], "config": "metro.config.js"}

Прочтите это из: https://github.com/GeekyAnts/vue-native-core/issues/117

user3800030

31.08.2019 12:10:58

Если вы просматриваете в веб-браузере (который не готов к производству), я думаю, что он будет искать файл ввода приложения в этом порядке js > json >> vue. Поэтому я думаю, что это невозможно, он будет искать приложение.вю.

Для просмотра на android-телефоне остановите Expo Dev Tools в терминале, удалите приложение.js, затем запустите npm start orderили npm run android

Umang Mistry

13.02.2020 12:53:21

Хотя для некоторых ответы могли бы сработать. Существует еще один способ устранить эту проблему, не удаляя файлы. Перейдите в папку модули узла. Найдите папку expo.

Откройте приложение.файл 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);

Изменить Приложение.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);
Помочь в развитии проекта:
Закрыть X