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

kustone commented 2 years ago

[ ] I'm sure this does not appear in the issue list of the repository

基本信息

依赖包名及版本: @arco-design/web-vue@2.37.1
框架版本: 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

flsion commented 2 years ago

@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 commented 2 years ago

@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，可以检查下打包工具的相关配置

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

arco-design / arco-design-vue