Vue -native Module не найден: не удается разрешить '../../App' - PullRequest
Новая
       116

Vue -native Module не найден: не удается разрешить '../../App'

0 голосов
/ 14 июля 2020

Я пытаюсь запустить vue -native. 

$npm install -g vue-native-cli expo-cli

в моем проекте, я установил 

$ npm install vue-native-core vue-native-helper --save
$ npm install vue-native-scripts --save-dev

Создаю vueTransformerPlugin. js и metro.config. js как мне сказала направляющая линия [https://vue-native.io/docs/installation.html] [1]

Когда я запускаю проект, у меня появляется следующее сообщение

$ npm run web

web Не удалось скомпилировать. //vueexpocli/node_modules/expo/AppEntry.js Модуль не найден: не удается разрешить '../../App' в '// vueexpocli / node_modules / expo'

Я просмотрел много форумов 

// app.json
        {
      "expo": {
        "name": "vueexpocli",
        "slug": "vueexpocli",
        "version": "1.0.0",
        "orientation": "portrait",
        "icon": "./assets/icon.png",
        "splash": {
          "image": "./assets/splash.png",
          "resizeMode": "contain",
          "backgroundColor": "#ffffff"
        },
        "updates": {
          "fallbackToCacheTimeout": 0
        },
        "assetBundlePatterns": [
          "**/*"
        ],
        "ios": {
          "supportsTablet": true
        },
        "web": {
          "favicon": "./assets/favicon.png"
        },
        "packagerOpts": {
          "config": "metro.config.js",
          "sourceExts": [
            "vue",
            "js",
            "json",
            "ts",
            "tsx"
          ]
        }
      }
    }

//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",
        "lint": "eslint ./src ./App.vue --ext .js,.vue",
        "lint:fix": "eslint ./src ./App.vue --ext .js,.vue --fix"
      },
      "dependencies": {
        "expo": "~38.0.8",
        "expo-status-bar": "^1.0.2",
        "react": "~16.11.0",
        "react-dom": "~16.11.0",
        "react-native": "https://github.com/expo/react-native/archive/sdk-38.0.2.tar.gz",
        "react-native-web": "~0.11.7",
        "vue-native-core": "^0.1.4",
        "vue-native-helper": "^0.1.4",
        "vue-native-router": "~0.1.1"
      },
      "devDependencies": {
        "babel-eslint": "^10.0.3",
        "eslint": "^6.5.1",
        "eslint-config-prettier": "^6.4.0",
        "eslint-plugin-prettier": "^3.1.1",
        "eslint-plugin-react": "^7.16.0",
        "eslint-plugin-vue": "^5.2.3",
        "jest-expo": "^35.0.0",
        "prettier": "^1.18.2",
        "react-test-renderer": "16.8.6",
        "vue-native-scripts": "~0.1.4"
      },
      "private": true
    }

Я переименовал App. js в App. vue и изменил 

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

У вас есть идеи? Я много смотрю на форуме. Я попытался переименовать в AppEntry. js App в App. vue, но у меня тоже проблема.

Пожалуйста, пожалуйста, помогите мне!

...