Vue native всегда выполняет App.js вместо .vue - PullRequest
Новая
       38

Vue native всегда выполняет App.js вместо .vue

0 голосов
/ 16 декабря 2018

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

"Невозможно решить" ../../App "из" node_modules \ expo \ AppEntry.js ""

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

Структура папки:

enter image description here

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>

Спасибо

Ответы [ 3 ]

0 голосов
/ 23 августа 2019

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

В app.json добавить

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

Внутри "packagerOpts"

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

Читатьэто от: https://github.com/GeekyAnts/vue-native-core/issues/117

0 голосов
/ 31 августа 2019

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

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

0 голосов
/ 20 февраля 2019

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

. Это позволит запустить файл app.vue в обычном режиме

...