NativeScript-Vue Webpack 在设置时无法解析“styles/style-one”

Posted 2023-04-13

【中文标题】NativeScript-Vue Webpack 在设置时无法解析“styles/style-one”

【英文标题】：NativeScript-Vue Webpack Can't resolve 'styles/style-one' on setup

【发布时间】：2020-07-25 18:57:10

【问题描述】：

我是 NativeScript 的新手，我正在尝试使用 vue 创建一个新应用，按照此处的说明进行操作：https://nativescript-vue.org/en/docs/getting-started/quick-start/

注意：我使用的是vue-cli v3，所以我必须使用vue create <project-name> 而不是vue init nativescript-vue/vue-cli-template <project-name>，然后是vue add vue-cli-plugin-nativescript-vue。

在我的安卓设备上执行tns preview 时出现以下错误：

有谁知道我做错了什么？我正在尝试创建一个简单的移动应用程序，但在设置阶段出现错误。谢谢！

规格：

node v10.20.1 vue-cli v3.11.0 tns v6.5.0

【问题讨论】：

在新创建的项目没有任何更改的情况下发生这种情况？ App.vue 你有什么？

@Manoj 在这篇文章中阅读更多关于vue-cli-plugin-nativescript-vue 插件的内容：github.com/nativescript-vue/vue-cli-plugin-nativescript-vue 将我的CSS 文件从style-one.css 重命名为style-one.native.css 以实现移动端的效果。我现在可以在手机上成功运行该应用了。

【参考方案1】：

在这篇文章中阅读更多关于vue-cli-plugin-nativescript-vue 插件的内容： https://github.com/nativescript-vue/vue-cli-plugin-nativescript-vue

将我的 CSS 文件从 style-one.css 重命名为 style-one.native.css 以达到目的。我现在可以在手机上成功运行该应用了。