Giter VIP home page Giter VIP logo

arco-design-nuxt-module's Introduction

arco-design-nuxt-module's People

Contributors

danielroe avatar wiidede avatar

Stargazers

avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar

Watchers

avatar avatar

Forkers

danielroe

arco-design-nuxt-module's Issues

全局方法及类型声明不完善

从 .next/types/import.d.ts 得知可用全局方法有

  • Message
  • Notification
  • useFormItem

但它们没有完善的类型声明，例如：
CleanShot 2023-11-16 at 19 49 14

另外存在未支持方法，例如：
CleanShot 2023-11-16 at 19 50 22

How can I use a custom Arco theme?

First of all, thank you very much for this project. When building the project, I found that Nuxt3 does not seem to recognize my custom theme from Arco Design Lab through plugins and nuxt.config.json. Even after importing the theme styles, it still defaults to the default Arco theme.

https://arco.design/themes

Unable to Resolve Import "@arco-design/web-vue/es/locale/lang/xxxxx" in Nuxt Build with Nitro and Vite 

<a-config-provider :locale="enUS">
    // .....
</a-config-provider>
import enUS from "@arco-design/web-vue/es/locale/lang/en-US";

It Works Fine Locally, but on GitHub actions, I encountered an issue while building the project.

Here are the details (Actions logs):

[log] Nuxt 3.10.3 with Nitro 2.9.3
[info] Building client...
[info] vite v5.1.6 building for production...
[info] transforming...
[info] ✓ 220 modules transformed.
Inspect report generated at /home/runner/work/{ProjectName}/{ProjectName}/.nuxt/analyze/.vite-inspect
Error:  x Build failed in 3.[13](https://github.com/{ProjectName}/actions/runs/8318745131/job/22761076857#step:8:14)s
Error:  Nuxt Build Error: [vite]: Rollup failed to resolve import "@arco-design/web-vue/es/locale/lang/en-US" from "/home/runner/work/{ProjectName}/{ProjectName}/app.vue".

I also added the following configuration to my NuxtConfig file:

vite: {
  build: {
    rollupOptions: {
      external: ["@arco-design/web-vue/es/locale/lang/en-US],
    },
  },
},

However, even with this configuration, Nitro is still unable to import the third-party packaged module. But Vite solves the import issue.

Actions logs:

....
ℹ Building server...                                                                                                                                                                                                                         
ℹ vite v5.1.6 building SSR bundle for production...                                                                                                                                                                                          
ℹ ✓ 1294 modules transformed.          
...
✔ Server built in 9668ms                                                                                                                                                                                                                    
ℹ Initializing prerenderer    
[warn] "@arco-design/web-vue/es/locale/lang/en-US" is imported by ".nuxt/dist/server/{########.js}", but could not be resolved – treating it as an external dependency. 
....Repeat this line on different js modules.....

Error:  [nuxt] [request error] [unhandled] [500] Cannot find package '@arco-design/web-vue' imported from /home/runner/work/{ProjectName}/{ProjectName}/.nuxt/prerender/chunks/build/server.mjs

更新依赖

大佬能不能同步一下最新版本，感谢

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.