Registry / web-framework / vue-native-template-compiler

vue-native-template-compiler

JSON →
library0.3.1jsnpmunverified

Vue Native template compiler, part of the Vue Native ecosystem that enables Vue.js developers to build native mobile apps using React Native under the hood. The current stable version is 0.3.1, released in 2020. It compiles Vue templates into React Native components at build time. Key differentiators: it allows using Vue syntax (v-if, v-for, etc.) on React Native, and is the core compiler for vue-native-scripts. Alternatives include React Native itself or using Vue with a WebView approach. This package is auto-generated from the vue-native-core monorepo.

web-framework
npm install vue-native-template-compiler
github ↗package ↗
INSTALL
IMPORT
SIG · VUE-NATIVE-TEMPLAT
V
vue-native-template-compiler
web-frameworkjavascriptv0.3.1
harness data pending
Install & Compatibility
Where this runs

No compatibility data collected yet for this library.

Code
Verified usage

Verified import paths — ran on the pinned version, not inferred.

compiler
✓ import compiler from 'vue-native-template-compiler'
✗ const compiler = require('vue-native-template-compiler')
The package exports a single default function. CommonJS require works in Node.js, but ESM import is preferred for bundlers.
compile
✓ import { compile } from 'vue-template-compiler'
✗ import { compile } from 'vue-native-template-compiler'
The compile function is not exported by vue-native-template-compiler; it is provided by vue-template-compiler. Users often mistakenly try to import compile from this package.
parseComponent
✓ import { parseComponent } from 'vue-template-compiler'
✗ import { parseComponent } from 'vue-native-template-compiler'
Similarly, parseComponent is from vue-template-compiler, not this package.

Shows how to use the default compiler export to convert a Vue template string into React Native components.

// This package is typically used internally by vue-native-scripts. // To use directly: const compiler = require('vue-native-template-compiler'); const template = '<template><View><Text>Hello</Text></View></template>'; const result = compiler(template); console.log(result); // returns compiled React Native code
Debug
Known issues
breakingDeprecated React Native components (CheckBox, Clipboard, ImageStore, MaskedViewIOS) removed in v0.2.0 and v0.1.0. These components are no longer usable from .vue files unless manually imported.
fix
Manually import these components from 'react-native' and register them as Vue components.
affects: >=0.2.0
deprecatedPackage is auto-generated and not actively maintained. Last release v0.3.1 (2020). Consider using React Native directly or alternative solutions.
fix
Evaluate if Vue Native is still suitable for new projects; consider migrating to React Native or other frameworks.
affects: all
gotchaRequires peer dependency on specific Vue version (2.2.6). Using a different Vue version may cause compilation errors.
fix
Ensure vue@2.2.6 is installed as a dependency.
affects: >=0.3.0
gotchaMemory leak fixed in v0.1.3. Earlier versions could cause memory overflow due to uncontrolled growth.
fix
Upgrade to v0.1.3 or later.
affects: <0.1.3
Errors
Common errors & fixes
Error: Cannot find module 'vue-native-template-compiler'
The package is not installed or missing from node_modules.
fix
Run 'npm install vue-native-template-compiler' or add it to package.json.
Error: Default condition should be last one
Export map issue in older Node.js versions (not directly related to this package but occurs with ESM).
fix
Use Node.js 14+ or set 'type': 'module' correctly.
TypeError: compiler is not a function
Wrong import pattern: using named import instead of default import.
fix
Use 'import compiler from "vue-native-template-compiler"' or 'const compiler = require("vue-native-template-compiler")'.
Upgrade
Version history
0.3.1latest on npm
Audit
Dependencies
vuerequiredCompiles Vue templates; depends on Vue's compiler internals
Agent activity
12 hits · last 30 days
node
10
OpenAI (training)
1
Resources
githubhttps://github.com/GeekyAnts/vue-native-core ↗
packagehttps://www.npmjs.com/package/vue-native-template-compiler ↗
vue-native-template-compiler — npm install vue-native-template-compiler · libregistry