vue.js - 使用 Vue Native CLI 安装 Vue Native 失败

Question

创建helloworld的项目参考https://vue-native.io/docs/installation.html#Setup-with-Vue-Native-Cli

但是有以下错误，我的第一个应用程序没有启动。

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

我的环境

$ node -v
v9.9.0
$ npm -v
6.4.1

$ npm list --depth=0
empty-project-template@ /Users/kamo/repo/github.com/kamontia/vue- 
native-app/helloworld
├── babel-preset-expo@5.0.0
├── expo@31.0.4
├── react@16.5.0
├── react-native@0.57.1
├── vue-native-core@0.0.8
├── vue-native-helper@0.0.9
└── vue-native-scripts@0.0.14

npm ERR! peer dep missing: react@16.0.0-alpha.6, required by react- 
native-reanimated@1.0.0-alpha.10
npm ERR! peer dep missing: react-native@^0.44.1, required by react- 
native-reanimated@1.0.0-alpha.10

在模拟器上，

Unable to resolve module ../../App from  
xxx/node_modules/expo/AppEntery.js: The ./../App could not be found 
from ...
Indeed, none of these files exist:
* ... App(.native||.ios.js|...

我应该怎么办？

我还尝试使用 React Native 创建项目，请参阅https://vue-native.io/docs/installation.html#Setup-with-React-Native，并成功启动应用程序。

Answer 1

Had a same issue. Below works for me

In app.json add

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



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

From: https://github.com/GeekyAnts/vue-native-core/issues/117

This works for me