Question

请让我知道我可以提供哪些信息以更好地帮助解决此问题。截至目前，我一直在阅读webpack，比较我的webpack.config.js文件，并随机搜索Google void。

今天早上，我正在按预期运行NativeScript-vue项目。进行一些更改，保存，测试，洗涤，冲洗重复。然后，我尝试构建，并收到以下错误消息：

Unable to apply changes on device: emulator-####. Error is: Nativescript-vue doesn't work without --bundle option. Please specify --bundle option to the command and execute it again..

我一直在一个.vue文件中进行编辑-我没有修改任何其他文件，尤其是没有配置文件。

是什么原因导致此问题？
如何解决此问题？
与粘贴错误消息相比，我能做的搜索更智能吗？

更新：

按照@Estradiaz的要求

我一直在尝试通过以下方式运行应用程序：
tns run android --bundle
（也尝试过ios并获得了相同的结果）

我同时使用npm install和tns install

构建了项目

我的package.json中仅有的脚本是：

"clean": "rm -rf node_modules/* && rm -rf hooks/* && rm -rf platforms/* && rm webpack.config.js && rm package-lock.json"

（如果要/在添加新资产时删除所有内容）

正在运行TNS版本5.2.4

终端的输出为：

Webpack compilation complete. Watching for file changes.
Webpack build done!
Unable to apply changes on device: emulator-5554. Error is: Nativescript-vue doesn't work without --bundle option. Please specify --bundle option to the command and execute it again..

更新后的更新：

Estradiaz放弃了一些宝贵的知识；但是，当我的nativescript-vue软件包从2.0.2更新到2.1.0时，发现了我的错误

回滚到2.0.2解决了我的特定问题。其他开发人员已经开始报告类似的问题：https://github.com/nativescript-vue/nativescript-vue/issues/454和https://github.com/nativescript-vue/nativescript-vue/pull/361#issuecomment-474079850

Answer 1

经过一些故障排除（并得到技术主管的帮助），我们今天找到了一个新的nativescript-vue package was released（从2.0.2降到2.1.0）。

其中，“功能” #361是：“当未提供--bundle选项时显示错误”

我不知道这在我的项目范围内实际上意味着什么，我不知道如何调用该版本或它为什么被破坏...但是回滚到2.0.2可以解决我的问题。

Answer 2

搜索错字

the bugging history of code ;)

在不更改dev依赖项的情况下，发生"--bundle"错误的主要原因是使用非本机元素-例如标签而不是Label。

以下情况：

$ npm install -g @vue/cli @vue/cli-init
$ vue init nativescript-vue/vue-cli-template <project-name>
$ cd <project-name>
$
$ npm install
$ # or
$ yarn install
$
$ tns run android --bundle
$ # or
$ tns run ios --bundle

来自：Quick Start

然后-在运行时-对./app/components/App.vue进行更改：

<template>
    <Page>
        <ActionBar title="Welcome to NativeScript-Vue!"/>
        <GridLayout columns="*" rows="*">
            <Label class="message" :text="msg" col="0" row="0"/>

        </GridLayout>
    </Page>
</template>

至（html：div）：

<template>
    <Page>
        <ActionBar title="Welcome to NativeScript-Vue!"/>
        <GridLayout columns="*" rows="*">

            <div id="hello"></div>
        </GridLayout>
    </Page>
</template>

或至（典型：标签改为Label）：

<template>
    <Page>
        <ActionBar title="Welcome to NativeScript-Vue!"/>
        <GridLayout columns="*" rows="*">
            <Lable class="message" :text="msg" col="0" row="0"/>

        </GridLayout>
    </Page>
</template>

一个人将收到以下错误：

Webpack编译完成。监视文件更改。 Webpack构建   完成！

无法在设备上应用更改：emulator-5554。错误是：   没有--bundle选项，Nativescript-vue无法正常工作。请明确说明   --bundle选项，然后再次执行。

Answer 3

今天nativescript-vue（2.1.0）的发行版损坏，导致您遇到此问题。我们已经发布了带有修复程序的2.2.0，因此请确保您正在运行最新版本。

没有--bundle选项，Nativescript-vue无法工作

3 个答案: