相关疑难解决方法(0)

无法使用 Vite 作为 ReactComponent 导入 SVG

尝试使用这个库:vite-plugin-react-svg

并且通过导入它没有成功:

import { ExternalLink } from 'assets/svg/link-external.svg?component';
Run Code Online (Sandbox Code Playgroud)

这个问题有解决方法吗?

我之前遇到的错误如下:

import { ReactComponent as ExternalLink } from 'assets/svg/link-external.svg';

//Uncaught SyntaxError: 
  The requested module '/src/assets/svg/link-external.svg?import'
  does not provide an export named 'ReactComponent'
Run Code Online (Sandbox Code Playgroud)

typescript reactjs vite

60
推荐指数
4
解决办法
7万
查看次数

没有为“.html”文件配置加载器:index.html Vitejs

问候我有问题。我正在使用 Visual studio 2022,并为一种解决方案创建了两个项目。一个用于后端(ASP.NET),第二个用于前端(vuejs 和 vite)。那么问题就从这里开始了。我使用 npm create vue@3 命令来创建 vue 项目。它启动得很好,但是当我在 sln 项目 vite 的前端文件夹中执行相同的操作时,会抛出错误,找不到 index.html 文件

\n
Error:   Failed to scan for dependencies from entries:\n  D:/Projects/C#/DAINIS/vueapp/index.html\n\n  X [ERROR] No loader is configured for ".html" files: index.html\n\n    <stdin>:1:7:\n      1 \xe2\x94\x82 import "D:/Projects/C#/DAINIS/vueapp/index.html"\n        \xe2\x95\xb5        ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~\n\n\n    at failureErrorWithLog (D:\\Projects\\C#\\DAINIS\\vueapp\\node_modules\\esbuild\\lib\\main.js:1638:15)\n    at D:\\Projects\\C#\\DAINIS\\vueapp\\node_modules\\esbuild\\lib\\main.js:1050:25\n    at runOnEndCallbacks (D:\\Projects\\C#\\DAINIS\\vueapp\\node_modules\\esbuild\\lib\\main.js:1473:45)\n    at buildResponseToResult (D:\\Projects\\C#\\DAINIS\\vueapp\\node_modules\\esbuild\\lib\\main.js:1048:7)\n    at D:\\Projects\\C#\\DAINIS\\vueapp\\node_modules\\esbuild\\lib\\main.js:1060:9\n    at new Promise (<anonymous>)\n    at requestCallbacks.on-end (D:\\Projects\\C#\\DAINIS\\vueapp\\node_modules\\esbuild\\lib\\main.js:1059:54)\n    at handleRequest (D:\\Projects\\C#\\DAINIS\\vueapp\\node_modules\\esbuild\\lib\\main.js:725:19)\n    at handleIncomingPacket (D:\\Projects\\C#\\DAINIS\\vueapp\\node_modules\\esbuild\\lib\\main.js:747:7)\n    at Socket.readFromStdout (D:\\Projects\\C#\\DAINIS\\vueapp\\node_modules\\esbuild\\lib\\main.js:675:7)\n
Run Code Online (Sandbox Code Playgroud)\n

以防万一我没有改变项目,它就是这样。
\n项目结构
\n错误转储示例 …

javascript typescript vue.js vite

3
推荐指数
1
解决办法
2096
查看次数

标签 统计

typescript ×2

vite ×2

javascript ×1

reactjs ×1

vue.js ×1