link2877 link2878 link2879 link2880 link2881 link2882 link2883 link2884 link2885 link2886 link2887 link2888 link2889 link2890 link2891 link2892 link2893 link2894 link2895 link2896 link2897 link2898 link2899 link2900 link2901 link2902 link2903 link2904 link2905 link2906 link2907 link2908 link2909 link2910 link2911 link2912 link2913 link2914 link2915 link2916 link2917 link2918 link2919 link2920 link2921 link2922 link2923 link2924 link2925 link2926 link2927 link2928 link2929 link2930 link2931 link2932 link2933 link2934 link2935 link2936 link2937 link2938 link2939 link2940 link2941 link2942 link2943 link2944 link2945 link2946 link2947 link2948 link2949 link2950 link2951 link2952 link2953 link2954 link2955 link2956 link2957 link2958 link2959 link2960 link2961 link2962 link2963 link2964 link2965 link2966 link2967 link2968 link2969 link2970 link2971 link2972 link2973 link2974 link2975 link2976 link2977 link2978 link2979 link2980 link2981 link2982 link2983 link2984 link2985 link2986 link2987 link2988 link2989 link2990 link2991 link2992 link2993 link2994 link2995 link2996 link2997 link2998 link2999 link3000 link3001 link3002 link3003 link3004 link3005 link3006 link3007 link3008 link3009 link3010 link3011 link3012 link3013

[Vue.js] can't import @nota/nativescript-webview-ext/vue in nativescript vue Subscribe to RSS

i tryed to import the Nota NativeScript Webview Ext in my nativescript vue.js application (see https://market.nativescript.org/plugins/@nota%2Fnativescript-webview-ext)

i added the npm package in the playground web application without any errors or problems.

the following code is used in my app.js file:

import vue.js from ‘nativescript-vue’;
import App from ‘./components/App’;

import ‘@nota/nativescript-webview-ext/vue’;

Vue.config.silent = false;

new Vue({
render: h => h(‘frame’, [h(App)])
}).$start();

but unfortunately i got the following error

2019-06-11 15:55:30.942 nsplaydev[15435:3295521] PlayLiveSync: Uncaught Exception
2019-06-11 15:55:30.942 nsplaydev[15435:3295521] *** JavaScript call stack:
(

)
2019-06-11 15:55:30.942 nsplaydev[15435:3295521] *** Terminating app due to uncaught exception ‘NativeScript encountered a fatal error: Error: Could not find module ‘@nota/nativescript-webview-ext/vue’. Computed path ‘/var/mobile/Containers/Data/Application/F4AE564B-FAFA-4128-BC98-F087145C5FF1/Documents/Playground/LiveSync/app/tns_modules/@nota/nativescript-webview-ext/vue’.
at
1 require@file:///app/app.js:11:8
2 anonymous@file:///app/app.js:11:8
3 evaluate@[native code]
4 moduleEvaluation@[native code]
5 promiseReactionJob@[native code]
‘, reason: ‘(null)’
*** First throw call stack:
(0x1ba9623a8 0x1b9b67d00 0x10499f7f4 0x1049dda00 0x1059433c8 0x10429b3f0 0x1ba3a8fd8)
libc++abi.dylib: terminating with uncaught exception of type NSException
2019-06-11 15:55:30.942 nsplaydev[15435:3295521] PlayLiveSync: Uncaught Exception

Solution :

Not all the plugins are supported in Playground, only plugins without native dependencies are supported.

nativescript-webview-ext has native dependency for both iOS & Android, so it might not work as intended on Playground / Preview app.

FYI: Even if you use a plugin without native dependency, while running with Playground / Preview app, you should use relative path for importing anything from plugin.