错误的URI在Mac上运行React应用程序时畸形
我试图在本地运行React App。
在运行NPM运行DEV时，我会收到错误
vite v2.6.14 dev server running at:
> Local: http://localhost:3000/
> Network: use `--host` to expose
ready in 182ms.
/Users/markoz/Work/Razvoj/Graphs/kenstack-designer/kenstack-designer/node_modules/vite/dist/node/chunks/dep-e0fe87f8.js:56882
let url = decodeURI(removeTimestampQuery(req.url)).replace(NULL_BYTE_PLACEHOLDER, '\0');
^
URIError: URI malformed
at decodeURI (<anonymous>)
at viteTransformMiddleware (/Users/markoz/Work/Razvoj/Graphs/kenstack-designer/kenstack-designer/node_modules/vite/dist/node/chunks/dep-e0fe87f8.js:56882:19)
at call (/Users/markoz/Work/Razvoj/Graphs/kenstack-designer/kenstack-designer/node_modules/vite/dist/node/chunks/dep-e0fe87f8.js:45568:7)
at next (/Users/markoz/Work/Razvoj/Graphs/kenstack-designer/kenstack-designer/node_modules/vite/dist/node/chunks/dep-e0fe87f8.js:45512:5)
at /Users/markoz/Work/Razvoj/Graphs/kenstack-designer/kenstack-designer/node_modules/vite/dist/node/chunks/dep-e0fe87f8.js:56525:28
at viteServePublicMiddleware (/Users/markoz/Work/Razvoj/Graphs/kenstack-designer/kenstack-designer/node_modules/vite/dist/node/chunks/dep-e0fe87f8.js:56564:9)
at call (/Users/markoz/Work/Razvoj/Graphs/kenstack-designer/kenstack-designer/node_modules/vite/dist/node/chunks/dep-e0fe87f8.js:45568:7)
at next (/Users/markoz/Work/Razvoj/Graphs/kenstack-designer/kenstack-designer/node_modules/vite/dist/node/chunks/dep-e0fe87f8.js:45512:5)
at next (/Users/markoz/Work/Razvoj/Graphs/kenstack-designer/kenstack-designer/node_modules/vite/dist/node/chunks/dep-e0fe87f8.js:45490:14)
at next (/Users/markoz/Work/Razvoj/Graphs/kenstack-designer/kenstack-designer/node_modules/vite/dist/node/chunks/dep-e0fe87f8.js:45490:14)
Node.js v17.4.0
，我的系统文件夹中没有.npmrc，但是我的项目中有一个。
如何解决这个问题？
I am trying to run React app locally.
When running npm run dev I get error
vite v2.6.14 dev server running at:
> Local: http://localhost:3000/
> Network: use `--host` to expose
ready in 182ms.
/Users/markoz/Work/Razvoj/Graphs/kenstack-designer/kenstack-designer/node_modules/vite/dist/node/chunks/dep-e0fe87f8.js:56882
let url = decodeURI(removeTimestampQuery(req.url)).replace(NULL_BYTE_PLACEHOLDER, '\0');
^
URIError: URI malformed
at decodeURI (<anonymous>)
at viteTransformMiddleware (/Users/markoz/Work/Razvoj/Graphs/kenstack-designer/kenstack-designer/node_modules/vite/dist/node/chunks/dep-e0fe87f8.js:56882:19)
at call (/Users/markoz/Work/Razvoj/Graphs/kenstack-designer/kenstack-designer/node_modules/vite/dist/node/chunks/dep-e0fe87f8.js:45568:7)
at next (/Users/markoz/Work/Razvoj/Graphs/kenstack-designer/kenstack-designer/node_modules/vite/dist/node/chunks/dep-e0fe87f8.js:45512:5)
at /Users/markoz/Work/Razvoj/Graphs/kenstack-designer/kenstack-designer/node_modules/vite/dist/node/chunks/dep-e0fe87f8.js:56525:28
at viteServePublicMiddleware (/Users/markoz/Work/Razvoj/Graphs/kenstack-designer/kenstack-designer/node_modules/vite/dist/node/chunks/dep-e0fe87f8.js:56564:9)
at call (/Users/markoz/Work/Razvoj/Graphs/kenstack-designer/kenstack-designer/node_modules/vite/dist/node/chunks/dep-e0fe87f8.js:45568:7)
at next (/Users/markoz/Work/Razvoj/Graphs/kenstack-designer/kenstack-designer/node_modules/vite/dist/node/chunks/dep-e0fe87f8.js:45512:5)
at next (/Users/markoz/Work/Razvoj/Graphs/kenstack-designer/kenstack-designer/node_modules/vite/dist/node/chunks/dep-e0fe87f8.js:45490:14)
at next (/Users/markoz/Work/Razvoj/Graphs/kenstack-designer/kenstack-designer/node_modules/vite/dist/node/chunks/dep-e0fe87f8.js:45490:14)
Node.js v17.4.0
I don't have .npmrc on my system folder, but I have one inside the project.
How can I fix the issue?
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（3）
在“ public/index.html”中删除“％public_url％”。
https://github.com/vite.com/vitejs/vitejs/vite/issues/6482
remove "%PUBLIC_URL%" in "public/index.html".
https://github.com/vitejs/vite/issues/6482
在Windows 10中，我将
vite手动安装到一个React项目中，并遇到了同样的错误。我的解决方案是将“％public_url％”替换为index.html文件中的URL中的“ public”。
In Windows 10, I manually installed
viteto a react project and got this same error.My solution was to replace "%PUBLIC_URL%" with "public" in the URLs inside the index.html file.
在我的角网站上的某个地方，我有一张带有SRC的图片，该图片在URL中包含％...我认为这是Wikipedia上图片的链接。无论如何，尽管Vite并没有明确地告诉我哪个URL导致了撞车事故，但我认为删除Wikipedia URL，其中有一个％为我解决了问题。
Somewhere on my angular site i had a picture with src that contained % in the URL... I think it was a link to a pic on wikipedia. Anyways despite vite not explicitly telling me which URL caused the crash, i think removing that wikipedia url with a % in it fixed the issue for me.