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

问题描述

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

我运行“ npm start” =>“ Metro bundler”打开。 然后,我点击“在Web浏览器中运行”,然后出现以下错误

Error

同样,我什么也没做。我只想启动一个新项目时自动生成认应用。

任何人都已经遇到了这个问题吗? 谢谢

解决方法

”这是一个已知问题,由于AppEntry.js尝试导入../../App,因此目前无法在网络上运行vue-native应用。默认打包程序配置将.json指定为一个有效的文件扩展名。出于某种原因,在网络上,Expo似乎正在寻找App.json,而忽略了App.vue。”

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

请参见vue原生创作者2020年7月7日的官方声明:

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

但是,在Web上,Webpack需要用于中间转换,以便代码可以在Web上运行。 Metro也用于此处,但不用于转换。

根据我的发现,Expo Webpack配置使用babel-loader处理.js文件。因此,我们可能需要一个用于.vue文件的自定义Webpack加载器(或也许可以完成此工作的其他某种机制)。我的猜测是,通过vue-native-scripts导出的变压器将有助于制造装载机。但是,加载程序需要满足Webpack加载程序API的要求,并如此处所述暴露原始的,间距等。我们尚未确定实现的细节。在iOS和Android上,Metro是JS构建管道中唯一需要的组件。我们有一个自定义转换器(以vue-native-scripts格式),Metro用来将.vue文件转换为等效的React Native代码,然后有效地传递到Metro(用于.js)文件使用的默认Babel转换器中。

但是,在Web上,Webpack需要用于中间转换,以便代码可以在Web上运行。 Metro也用于此处,但不用于转换。

根据我的发现,Expo Webpack配置使用babel-loader处理.js文件。因此,我们可能需要一个用于.vue文件的自定义Webpack加载器(或也许可以完成此工作的其他某种机制)。我的猜测是,通过vue-native-scripts导出的变压器将有助于制造装载机。但是,加载程序需要满足Webpack加载程序API的要求,并如此处所述暴露原始的,间距等。我们尚未确定实现的细节。”

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

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

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