Install & Compatibility
Where this runs
tested against v? · npm install
Install × environment matrix
Each cell = how many times install + import succeeded across repeated harness runs. Partial = flaky.
glibc = Debian/Ubuntu slim · musl = Alpine Linux
muslnode 18–226 runs
build_error
glibcnode 18–226 runs
build_error
Code
Verified usage
Verified import paths — ran on the pinned version, not inferred.
EleAdminPlus
✓ import EleAdminPlus from 'yuang-framework-ui-pc';
✗ import { EleAdminPlus } from 'yuang-framework-ui-pc'
This is likely the default export for global plugin installation in a Vue application, registering all components and directives. Do not use named import.
EleAlert
✓ import { EleAlert } from 'yuang-framework-ui-pc';
✗ import EleAlert from 'yuang-framework-ui-pc/components/EleAlert'
For tree-shaking and on-demand imports, specific components are typically exposed as named exports. Avoid direct path imports.
EleAlertInstance
✓ import type { EleAlertInstance } from 'yuang-framework-ui-pc';
Importing TypeScript types for component instances or props to ensure type safety, especially when defining component options or using ref.
EleAdminPlus
✓ const EleAdminPlus = require('yuang-framework-ui-pc').default;
✗ const { EleAdminPlus } = require('yuang-framework-ui-pc')
While primarily designed for ESM, if CommonJS is strictly required, the global plugin can be accessed via the default property of the `require` call.
Demonstrates the global installation of the EleAdminPlus plugin and basic usage of its components alongside Element Plus in a Vue 3 application.
import { createApp } from 'vue';
import App from './App.vue';
import ElementPlus from 'element-plus';
import 'element-plus/dist/index.css';
import EleAdminPlus from 'yuang-framework-ui-pc';
import 'yuang-framework-ui-pc/dist/index.css'; // Assuming the library ships its own CSS
const app = createApp(App);
// Globally install Element Plus and EleAdminPlus
app.use(ElementPlus);
app.use(EleAdminPlus);
app.mount('#app');
/* -- App.vue (Example Usage) -- */
/*
<template>
<div id="app">
<h1>Welcome to EleAdminPlus App</h1>
<el-button type="primary">Element Plus Button</el-button>
<EleAlert title="Hello from EleAdminPlus" description="This is a custom alert component." type="success" />
<el-alert title="Standard Element Plus Alert" type="info" show-icon />
</div>
</template>
<script lang="ts">
import { defineComponent } from 'vue';
// When EleAdminPlus is globally installed via app.use(), its components are available directly in templates.
// Explicit imports are generally not needed in <script setup> or defineComponent's components option
// unless you need specific types or want to override global registration.
export default defineComponent({
name: 'App',
// components: { EleAlert } // Only needed if NOT globally installed or for specific local registration
});
</script>
<style>
#app {
font-family: Avenir, Helvetica, Arial, sans-serif;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-align: center;
color: #2c3e50;
margin-top: 60px;
}
</style>
*/
Errors
Common errors & fixes
Error: Node Sass does not yet support your current environment: OS X 64-bit with Node.js 18.x
Using an unsupported Node.js version (e.g., v18 or older) that is incompatible with the library's underlying build tools or dependencies like `node-sass`.
fixUpgrade Node.js to v20 or newer: `nvm install 20 && nvm use 20` (or similar for your environment).
npm ERR! code E404 npm ERR! 404 Not Found - GET https://registry.npmjs.org/yuang-framework-ui-pc
The package or one of its transitive dependencies could not be found on the default npm registry, often due to network issues or package availability in certain regions.
fixSwitch to the recommended registry before retrying installation: `npm config set registry https://registry.npmmirror.com && npm install`.
TypeError: app.use is not a function
Attempting to call `use()` on an object that is not a Vue 3 application instance (returned by `createApp`), or calling it in a non-Vue 3 context.
fixEnsure your entry file correctly initializes a Vue 3 application with `createApp(App)` and that `app.use()` is called on the resulting `app` instance.
Audit
Dependencies
element-plusrequiredCore UI component library it builds upon, providing fundamental components and styling.
vuerequiredThe JavaScript framework the library is built for and integrates with.