Nativescript: Как связать код моего веб-просмотра? - PullRequest
0 голосов
/ 08 ноября 2018

У меня есть новый проект Nativescript (обычный, не с vue) с веб-просмотром, где мой HTML-код и код находятся внутри моего приложения, а не фактическая ссылка на URL, чтобы я мог легко общаться между устройством и веб-представлением.

Моя цель - передать файлы внешнего интерфейса (html-блейд и несколько компонентов vue) моего приложения laravel, которое использует VueJS. Сначала я хотел создать файл index.html, где я бы назвал свой основной компонент следующим образом:

<div id="root">    
    <LeafletMap></LeafletMap>
</div>

Но я быстро понимаю, что это не работает, потому что require () и import не определены для браузеров, что означает, что я даже не могу импортировать vue из node_modules, и мне нужно собрать все в один файл javascript, например, мой Проект laravel делает, но я не могу понять все это, тем более что у Vue, похоже, есть свои предпосылки, такие как vue-loader и тому подобное.

Сначала я попытался запустить свой проект с tns run android --bundle , так как я понял, что это объединит все ... Но я еще не нашел ссылку, которая сообщает мне, где заканчивается файл комплекта поэтому я поместил его путь в свой HTML-скрипт, и даже тогда я даже не уверен, что он будет работать так, как я его установил. Я получаю следующие ошибки при использовании - bundle

WARNING in ./node_modules/vue/src/platforms/weex/compiler/modules/recycle-list/component-root.js 7:4
Module parse failed: Unexpected token (7:4)
You may need an appropriate loader to handle this file type.
| // mark component root nodes as
| export function postTransformComponentRoot (
>   el: ASTElement,
|   options: WeexCompilerOptions
| ) {
 @ . sync (root|page)\.(xml|css|js|ts|scss)$ vue/src/platforms/weex/compiler/modules/recycle-list/component-root.js
 @ ./app.js

ERROR in ./node_modules/mkdirp/test/root.js
Module not found: Error: Can't resolve 'tap' in 'C:\git\testWebvie\app\node_modules\mkdirp\test'
 @ ./node_modules/mkdirp/test/root.js 4:11-25
 @ . sync (root|page)\.(xml|css|js|ts|scss)$
 @ ./app.js

Если использование --bundle не так или иначе ответ, я не возражаю установить команду npm run watch для папки моего приложения поверх запуска tns run android , хотя это было бы небольшое раздражение ..

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...