GithubHelp home page GithubHelp logo

07akioni / nuxtjs-naive-ui Goto Github PK

View Code? Open in Web Editor NEW
17.0 1.0 2.0 130 KB

The official nuxt module for naive-ui that supports Nuxt.js SSR.

License: MIT License

JavaScript 15.80% Vue 7.72% TypeScript 76.49%

nuxtjs-naive-ui's Introduction

nuxtjs-naive-ui

npm version npm downloads License

English · 中文

The official nuxt module for naive-ui that supports Nuxt.js SSR and simplifies build configuration.

Important

If you are using this module, make sure:

  1. @css-render/* and css-render packages' version satisfies >=0.15.14.
  2. Each of @css-render/* and css-render only resolves 1 target. (No different versions of same package & No duplicate for the same version)

You can search in lock file for css-render to check if there's duplicate.

Quick Setup

Install the module to your Nuxt application with one command:

# npm
npx nuxi module add nuxtjs-naive-ui

# pnpm
pnpm dlx nuxi module add nuxtjs-naive-ui

nuxtjs-naive-ui's People

Contributors

07akioni avatar

Stargazers

Glenn Layson avatar 安迪桑 avatar naime-hossain avatar ProgramRipper avatar avatar Ewgeniy avatar 远山 avatar Xu Kang avatar Zero avatar L.Rain avatar Mikasa33 avatar Folk avatar avatar JOJO avatar 伊撒尔 avatar Becem avatar Tohru avatar

Watchers

avatar

Forkers

sandros94 arc-zlz

nuxtjs-naive-ui's Issues

import { VResizeObserver } from 'vueuc'

node_modules/.pnpm/[email protected][email protected]/node_modules/naive-ui/es/_internal/scrollbar/src/Scrollbar.mjs:3
import { VResizeObserver } from 'vueuc';
^^^^^^^^^^^^^^^
SyntaxError: The requested module 'vueuc' does not provide an export named 'VResizeObserver'
at ModuleJob._instantiate (node:internal/modules/esm/module_job:132:21)
at async ModuleJob.run (node:internal/modules/esm/module_job:214:5)
at async ModuleLoader.import (node:internal/modules/esm/loader:329:24)

this error prevents me from running the dev server.

thank you very much for your hard work

Named export 'VLazyTeleport' not found.

ERROR [nuxt] [request error] [unhandled] [500] Named export 'VLazyTeleport' not found. The requested module 'file://E:/Code/Nuxt3/my-blog/node_modules/.pnpm/[email protected][email protected]/node_modules/vueuc/lib/index.js' is a CommonJS module, which may not support all module.exports as named exports.
CommonJS modules can always be imported via the default export, for example using:

<style> tags are not generated in SSR since Nuxt 3.12

Environment

  • Nuxt: 3.12.2
  • naive-ui: 2.38.2
  • nuxtjs-naive-ui: 1.0.2

Reproduction

https://stackblitz.com/edit/nuxt-starter-acsk7s?file=app.vue

Describe the bug

Since Nuxt 3.12, it seems like the <script> tags in the <head> are not generated correctly in SSR. Because of that, the page style initially loaded is broken. (After the hydration step, it will be fixed since the script tags are injected)

I assume the following change affected this module's process as it removed ssrContext.styles, which is leveraged by this module during SSR.

nuxt/nuxt@2d1ab61

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.