Question

我用tns create创建了一个Nativescript-vue项目我认为是从play.nativescript.org项目复制了文件：

app /

app.js

..

组件/
  。 -Startup.vue
  。 ---- folderOne /
  。 ---- folderOneHome.vue
  。 ----文件夹Two /
  。 ---- folderTwoHome.vue

在我的app.js中，我有：

import Vue from "nativescript-vue";
import Startup from "./components/Startup";

new Vue({

    template: `
        <Frame>
            <Startup />
        </Frame>`,

    components: {
        Startup
    }
}).$start();

但是我运行tns preview并在iPhone NativeScript预览版上获得了以下内容：

Executing before-preview-sync hook from /Users/xxxx/projects/private/myapp-mobile/hooks/before-preview-sync/nativescript-dev-webpack.js
Start syncing changes for platform ios.
Copying template files...
Platform ios successfully added. v5.0.0
Executing before-shouldPrepare hook from /Users/xxxx/projects/private/myapp-mobile/hooks/before-shouldPrepare/nativescript-dev-webpack.js
Preparing project...
Executing before-prepareJSApp hook from /Users/xxxx/projects/private/myapp-mobile/hooks/before-prepareJSApp/nativescript-dev-webpack.js
Project successfully prepared (ios)
Executing after-prepare hook from /Users/xxxx/projects/private/myapp-mobile/hooks/after-prepare/nativescript-dev-webpack.js
Successfully synced changes for platform ios.
LOG from device xxxx iPhone 8+: 2018-11-11 17:03:53.364 nsplaydev[4353:1286798] ***** Fatal JavaScript exception - application has been terminated. *****
2018-11-11 17:03:53.364 nsplaydev[4353:1286798] Native stack trace:
1   0x100ffff84 NativeScript::reportFatalErrorBeforeShutdown(JSC::ExecState*, JSC::Exception*, bool, bool)
2   0x1010386bc -[TNSRuntime executeModule:referredBy:]
3   0x100d18154 -[UIApplication(PlayLiveSync) swizzled_executeModule:]
4   0x1007b34f4
5   0x1d6ac2bb4 <redacted>
2018-11-11 17:03:53.365 nsplaydev[4353:1286798] JavaScript stack trace:
2018-11-11 17:03:53.365 nsplaydev[4353:1286798] 1   resolveSync@[native code]
2   @[native code]
3   promiseReactionJob@[native code]
2018-11-11 17:03:53.365 nsplaydev[4353:1286798] JavaScript error:
[native code]: JS ERROR Error: Could not find module './components/Startup'. Computed path '/var/mobile/Containers/Data/Application/15C2D576-AEE0-40C4-A8FF-430289A66882/Documents/Playground/LiveSync/app/components/Startup'.
2018-11-11 17:03:53.366 nsplaydev[4353:1286798] PlayLiveSync: Uncaught Exception
2018-11-11 17:03:53.366 nsplaydev[4353:1286798] *** JavaScript call stack:
(

)
2018-11-11 17:03:53.366 nsplaydev[4353:1286798] *** Terminating app due to uncaught exception 'NativeScript encountered a fatal error: Error: Could not find module './components/Startup'. Computed path '/var/mobile/Containers/Data/Application/15C2D576-AEE0-40C4-A8FF-430289A66882/Documents/Playground/LiveSync/app/components/Startup'.
 at
1   resolveSync@[native code]
2   @[native code]
3   promiseReactionJob@[native code]

当我在线运行它时，我得到了初始屏幕（Startup.vue），但是当我在本地运行时却没有。对于这样的事情，我需要用不同于Play的方式写Sidekick吗？

如果有关系，我升级到NativeScript 5.0。

此外，我注意到在使用Visual Studio Code时，自动完成功能也找不到我的./components/Startup.vue，但确实找到了./components下的所有子目录。

更新：我通过以下方式创建了一个新项目：vue init nativescript-vue/vue-cli-template newTest 然后我进入该目录并执行tns preview并得到相同的错误类型：

JS错误错误：找不到模块'./components/App'。

因此，这似乎与任何项目都不相关，而与它的组装方式有关？

无法在本地运行本机脚本

0 个答案: