Vue Native:在浏览器中 运行 时出错

Vue Native: Error when running in browser

我刚刚创建了一个新的“vue native”项目。我没有更改默认空白应用程序中的任何内容。 我设法在我的 android 设备上 运行 它,但无法在我的浏览器上 运行 它。

I 运行 "npm start" => "metro bundler" 打开。 然后我点击“运行 in web browser”,我得到以下错误:

同样,我没有做任何更改。我只想在启动新项目时启动自动生成的默认应用程序。

有人遇到过这个问题吗? 谢谢

“这是一个已知问题,目前看来 运行ning vue-native 应用程序在网络中是不可能的,因为 AppEntry.js 试图导入 ../.. /App。默认的打包程序配置将 .json 指定为有效的文件扩展名。出于某种原因,在网络中,Expo 似乎正在寻找 App.json 并忽略 App.vue。""=12 =]

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

查看 vue-native creators 2020 7 月 7 日的官方声明:

“在 iOS 和 Android 上,Metro 是 JS 构建管道中唯一需要的组件。我们有一个自定义转换器(在 vue-native-scripts 中),Metro 使用它来将 .vue 文件转换为等效的 React Native 代码,然后有效地通过管道传输到 Metro(对于 .js)文件使用的默认 Babel 转换器。

不过,在网络上,需要使用 Webpack 进行中间转换,以便代码可以 运行 在网络上。这里也用地铁,但不是为了改造。

根据我的发现,Expo Webpack 配置使用 babel-loader 来处理 .js 文件。所以我们可能需要一个用于 .vue 文件的自定义 Webpack 加载器(或者可能需要一些其他可以完成这项工作的机制)。我的猜测是由 vue-native-scripts 导出的转换器将有助于制作加载器。但是加载器需要满足 Webpack 加载器 API 的要求,并公开 raw、pitch 等,如此处所述。我们还没有弄清楚yet.On iOS 和 Android 的实现细节,Metro 是 JS 构建管道中唯一需要的组件。我们有一个自定义转换器(在 vue-native-scripts 中),Metro 使用它来将 .vue 文件转换为等效的 React Native 代码,然后有效地通过管道传输到 Metro(用于 .js)文件使用的默认 Babel 转换器。

不过,在网络上,需要使用 Webpack 进行中间转换,以便代码可以 运行 在网络上。这里也用地铁,但不是为了改造。

根据我的发现,Expo Webpack 配置使用 babel-loader 来处理 .js 文件。所以我们可能需要一个用于 .vue 文件的自定义 Webpack 加载器(或者可能需要一些其他可以完成这项工作的机制)。我的猜测是由 vue-native-scripts 导出的转换器将有助于制作加载程序。但是加载器需要满足 Webpack 加载器 API 的要求,并公开 raw、pitch 等,如此处所述。我们还没有制定出实施细节。"

https://github.com/GeekyAnts/vue-native-core/issues/268#issuecomment-640222479

设备和模拟器上的好消息 运行ning 可与 expo 一起使用,并且大多数 vue-native 旨在 运行 在移动设备上而非网络上:)

对于网络,您可以使用 vuejs 拥有类似的代码库。