arco-design-vue icon indicating copy to clipboard operation
arco-design-vue copied to clipboard

反馈:Nuxt3使用ArcoIcon编译后运行报错

Open kustone opened this issue 3 years ago • 2 comments

基本信息

  • 依赖包名 及 版本: @arco-design/[email protected]
  • 框架版本: NUXT:3.0.0-rc.8
  • 浏览器版本: chrome105.0.0.0
  • 复现地址: https://stackblitz.com/edit/nuxt-starter-e3nbgk?file=plugins/arco-icon.ts

额外补充

【arco-icon.ts】代码: import ArcoVueIcon from '@arco-design/web-vue/es/icon'; import { Icon } from '@arco-design/web-vue'; const IconFont = Icon.addFromIconFontCn({ src: '//at.alicdn.com/t/font_3375775_9892igkxfb.js' }); export default defineNuxtPlugin((nuxtApp) => { nuxtApp.vueApp.use(ArcoVueIcon); nuxtApp.vueApp.component('icon-font', IconFont); });

复现步骤

【在线复现异常】 1、打开 #1524 中回复的 demo 2、执行进行编译 3、编译成功后运行 ,能成功启动服务 4、打开网站控制台就会疯狂报错,无法正常访问: [request error] [unhander] [500] 无法找到模块 'D:\网站开发\nuxt3_arco_cms.output\server\node_modules@arco-design\web-vue\es\icon.js' 从 D 导入:\网站开发\nuxt3_arco_cms.output\server\chunks\server.mjsnpm run buildnode .output/server/index.mjs

kustone avatar Sep 19 '22 06:09 kustone

@kustone 看报错信息是导入解析存在问题,「无法找到模块 'D:\网站开发\nuxt3_arco_cms.output\server\node_modules@arco-design\web-vue\es\icon.js'」组件库不存在 @arco-design\web-vue\es\icon.js 文件,这里对应的应该是 @arco-design\web-vue\es\icon\index.js,可以检查下打包工具的相关配置

flsion avatar Sep 20 '22 07:09 flsion

@kustone 看报错信息是导入解析存在问题,「无法找到模块 'D:\网站开发\nuxt3_arco_cms.output\server\node_modules@arco-design\web-vue\es\icon.js'」组件库不存在 @arco-design\web-vue\es\icon.js 文件,这里对应的应该是 @arco-design\web-vue\es\icon\index.js,可以检查下打包工具的相关配置

好的,我尝试一下,非常感谢您的回复和解答。

kustone avatar Sep 22 '22 05:09 kustone