Using SVG Icon in vite .

[guangzan]

• I have searched the issues of this repository and believe that this is not a duplicate.

Version

2.0.0-beta.5

Environment

win chrome vue all the latest version

Reproduction link

Steps to reproduce

Header.vue

<script>
import { UserOutlined } from '@ant-design/icons-vue'
</script>

error:

...

GET http://localhost:3000/@modules/@ant-design/icons-svg/es/asn/UsergroupAddOutlinedeawescnb-cawescnb-c-viteode_modules@ant-designicons-svgesasnUsergroupAddOutlined.js net::ERR_ABORTED 404 (Not Found)
UsergroupDeleteOutlined.js:9 GET http://localhost:3000/@modules/@ant-design/icons-svg/es/asn/UsergroupDeleteOutlinedwescnb-cawescnb-c-viteode_modules@ant-designicons-svgesasnUsergroupDeleteOutlined.js net::ERR_ABORTED 404 (Not Found)
VerifiedOutlined.js:9 GET http://localhost:3000/@modules/@ant-design/icons-svg/es/asn/VerifiedOutlinedourceawescnb-cawescnb-c-viteode_modules@ant-designicons-svgesasnVerifiedOutlined.js net::ERR_ABORTED 404 (Not Found)
VerticalAlignBottomOutlined.js:9 GET http://localhost:3000/@modules/@ant-design/icons-svg/es/asn/VerticalAlignBottomOutlinednb-cawescnb-c-viteode_modules@ant-designicons-svgesasnVerticalAlignBottomOutlined.js net::ERR_ABORTED 404 (Not Found)
VerticalAlignMiddleOutlined.js:9 GET http://localhost:3000/@modules/@ant-design/icons-svg/es/asn/VerticalAlignMiddleOutlinednb-cawescnb-c-viteode_modules@ant-designicons-svgesasnVerticalAlignMiddleOutlined.js net::ERR_ABORTED 404 (Not Found)
VerticalAlignTopOutlined.js:9 GET http://localhost:3000/@modules/@ant-design/icons-svg/es/asn/VerticalAlignTopOutlinedescnb-cawescnb-c-viteode_modules@ant-designicons-svgesasnVerticalAlignTopOutlined.js net::ERR_ABORTED 404 (Not Found)
VerticalLeftOutlined.js:9 GET http://localhost:3000/@modules/@ant-design/icons-svg/es/asn/VerticalLeftOutlinedeawescnb-cawescnb-c-viteode_modules@ant-designicons-svgesasnVerticalLeftOutlined.js net::ERR_ABORTED 404 (Not Found)
VerticalRightOutlined.js:9 GET http://localhost:3000/@modules/@ant-design/icons-svg/es/asn/VerticalRightOutlinedawescnb-cawescnb-c-viteode_modules@ant-designicons-svgesasnVerticalRightOutlined.js net::ERR_ABORTED 404 (Not Found)
VideoCameraAddOutlined.js:9 GET http://localhost:3000/@modules/@ant-design/icons-svg/es/asn/VideoCameraAddOutlinedawescnb-cawescnb-c-viteode_modules@ant-designicons-svgesasnVideoCameraAddOutlined.js net::ERR_ABORTED 404 (Not Found)
VideoCameraFilled.js:9 GET http://localhost:3000/@modules/@ant-design/icons-svg/es/asn/VideoCameraFilledurceawescnb-cawescnb-c-viteode_modules@ant-designicons-svgesasnVideoCameraFilled.js net::ERR_ABORTED 404 (Not Found)
VideoCameraOutlined.js:9 GET http://localhost:3000/@modules/@ant-design/icons-svg/es/asn/VideoCameraOutlinedceawescnb-cawescnb-c-viteode_modules@ant-designicons-svgesasnVideoCameraOutlined.js net::ERR_ABORTED 404 (Not Found)
VideoCameraTwoTone.js:9 GET http://localhost:3000/@modules/@ant-design/icons-svg/es/asn/VideoCameraTwoTonerceawescnb-cawescnb-c-viteode_modules@ant-designicons-svgesasnVideoCameraTwoTone.js net::ERR_ABORTED 404 (Not Found)
WalletFilled.js:9 GET http://localhost:3000/@modules/@ant-design/icons-svg/es/asn/WalletFilledpensourceawescnb-cawescnb-c-viteode_modules@ant-designicons-svgesasnWalletFilled.js net::ERR_ABORTED 404 (Not Found)

...

What is expected?

How to use icon in vite ?

What is actually happening?

Error using SVG Icon in vite .

[herubber]

<script> import { } from '@ant-design/icons-vue' </script>

甚至不需要导入,import 就崩, 结合路由直接看不到错在哪

[tangjinzhou]

尝试最新版，删除 node_modules xxx_lock.json文件 重新安装

[unclemin]

vite + vue 3.0 中怎么定制主题呢？

[unclemin]

就是使用less

[zkwolf]

vite + vue 3.0 中怎么定制主题呢？

https://github.com/vitejs/vite#passing-options-to-pre-processor

[unclemin]

谢谢 但是我这ant里面使用less bable配置的 还是不生效

[vand7813]

"dependencies": {
"@ant-design/icons-vue": "^5.1.5",
"ant-design-vue": "^2.0.0-beta.9"
},

package.json 加上引用

[langhuihui]

Uncaught SyntaxError: The requested module '/@modules/tinycolor2/tinycolor.js' does not provide an export named 'default'

[eth3lbert]

solution: #2798 (comment)

[github-actions]

This issue has been automatically locked since there has not been any recent activity after it was closed. Please open a new issue for related bugs.