Vue新建项目运行空白,报错[vite]Pre-transform error: Failed to load url /src/main.js (resolved id: /src/main.js)

已于 2024-09-19 10:17:41 修改
阅读量2.8k 收藏 1
点赞数 2
文章标签： javascript 前端 vue.js
于 2024-09-19 10:15:06 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/qq_56727664/article/details/142352945
版权

Vue新建项目运行界面空白，终端报错为 [vite] Pre-transform error: Failed to load url /src/main.js (resolved id: /src/main.js). Does the file exist?

原因：如果项目按照标准流程生成并且中间没有误操作，那大概率是你项目所在的文件夹目录包含(#€$*!..)这些特殊符号，将这些特殊符号去掉即可正常运行。

vue3+vite - 解决报错error when starting dev server: Error: Failed to resolve vue/compiler-sfc.（项目启动运行出错）
高级前端工程师
12-25 7434
vue3，vite，运行报错，error when starting dev server，Error: Failed to resolve vue/compiler-sfc.，vite项目运行出错，vue3启动报错，npm run dev，vue3+vite启动项目报错，yarn dev，安装项目依赖后运行报错，@vitejs/plugin-vue，vue3运行前端报错：error when starting dev server，使用vite创建项目，启动dev时报错，更新版本也不行，重新安装insta
[vite] Pre-transform error: Cannot find package pnpm路径过长导致运行报错
undefined
07-10 2777
下了套vue3的代码，执行pnpm install初始化，使用vite启动，启动后访问就会报错。
ESLint报错：Could not find config file.
最新发布
kart jim的优快云博客
03-27 666
vscode中 ESLint 报错：Could not find config file. 解决办法
[vite] Pre-transform error: Failed to resolve import “@vueuse/core“ from... Does the file exist?
卷王工作室
08-17 1697
[vite] Pre-transform error: Failed to resolve import "@vueuse/core" from
[vite] (client) Pre-transform error: Cannot find package
月亮的技术博客
12-24 807
该错误的原因是路径太长，换个位置即可。
报错 - Failed to load url /src/stores/user (resolved id: D:/src/stores/user) Does the file exist?
weixin_42479421的博客
08-28 5487
问题：使用vue3时，修改了Store命名，报错 Failed to load url /src/stores/user (resolved id: D:/src/stores/user) Does the file exist?（404，get请求）原因：部分Store命名未更新。（使用vite引入Store时报错）若还是不行，加上文件后缀，然后重新运行。
element Pre-transform error: [sass] Undefined function. ╷ 53 │ #{color.channel($color, ‘red‘
wuyinmingyue的博客
11-25 1669
报错 .pnpm\element-plus@2.8.8_vue@3.5.13_typescript@5.6.3_\node_modules\element-plus\theme-chalk\src\mixins\_var.scss:53:7 Error: Undefined function. ╷ 53 │ #{color.channel($color, 'red'), │ ^^^^^^^^^^^^^^^^^^^^^^^^^^^^ ╵ nod
vite项目在jenkins自动打包报错：failed to load config from ../vite.config.js You installed esbuild on
热门推荐
清风明月的博客
04-11 2万+
vite项目在jenkins自动打包报错找不到esbuild-linux-64 在window环境开发用的找不到esbuild-windows-64，在linux环境构建需要使用esbuild-linux-64，找不到esbuild-linux-64就会报错 实际报错： error during build: 11:21:11 Error: 11:21:11 You installed esbuild on another platform than the one you're currently us
ruoyi前端启动报错./src/main.js Module build failed (from ./node_modules/eslint-loader/index.js):
qq_43442459的博客
08-22 1863
ruoyi前端启动 升级nodejs 删掉node_modules 文件夹，然后重新npm install， 重新 npm run dev 报错，这次报的是一个什么图标icon的问题，但是上面的问题的本质是webpack版本不对。 尝试卸载vue-cli，然后重新安装，依然如此 5.按下面操作，竟然解决问题了 npm uninstall webpack npm install webpack@^4.0.0 --save-dev ...
vscode 报错Failed to load url /src/components/Dialog.vue
qq_52656761的博客
03-26 3362
如何解决？
Vue编译报错 “Failed to resolve import “@/router“ from “src\main.js“. Does the file exist ? “ 问题修复
valsedefleurs的博客
06-26 6545
Vite构建工具解析别名resolve.alias配置
关于vue，使用webpack --mode=development命令时报错Failed to load ‘......webpack.config.js‘ config的问题
m0_52871221的博客
10-22 4704
报错 Module not found: Error: Can't resolve 'D:\workSpace备份\vs\yygh\webpackdemo\src\src\main.js' in 'D:\workSpace备份\vs\yygh\webpackdemo\src' resolve 'D:\workSpace备份\vs\yygh\webpackdemo\src\src\main.js' in 'D:\workSpace备份\vs\yygh\webpackdemo\src' No descrip
main.js记账的main.js为什么报错？遇到了什么问题？(已解决，原来是碰到了漏掉index.css文件的问题)
weixin_40945354的博客
02-10 449
98% after emitting CopyPlugin ERROR Failed to compile with 1 error 下午8:31:32 This relative module was not found: * ./index.css in ./src/mai
[vite] Failed to load source map for */*.css|.js
Admans的专栏
12-02 3543
打开提示的文件，删除 “sourceMappingURL”这一行即可。
error in ./src/main.js报错解决
shaochen2015821426的博客
01-17 1万+
1.报错场景 我在操作在Vue框架中使用element-ui组件，准备工作已经完成，然后在powershell上运行项目：npm run serve 2.报错详细代码： WAIT Compiling... 下午8:34:40 98% after emitting CopyPlugin ERROR Failed to compile w
vite+Vue3项目，终端报错 error: Transforming async generator functions to the configured target environme...
A012100的博客
11-13 4104
vite+Vue3项目，终端报错 error: Transforming async generator functions to the configured target environme...
Error: Failed to resolve vue/compiler-sfc——vite项目启动报错——npm run serve
yehaocheng520的博客
12-11 4826
Error: Failed to resolve vue/compiler-sfc——vite项目启动报错——npm run serve
import { createApp } from ‘vue‘ 报错
weixin_50583054的博客
04-29 673
请问大佬们这个怎么解决啊？
failed to load config from /drone/src/vite.config.js error during build: Error: Cannot find module 'vite-plugin-esbuild'
09-16
当你看到这个错误信息 "failed to load config from /drone/src/vite.config.js error during build: Error: Cannot find module 'vite-plugin-esbuild'"，这通常意味着Vite构建工具在尝试加载配置文件`vite.config.js`时遇到了问题，它找不到名为`vite-plugin-esbuild`的模块。 `vite-plugin-esbuild`是一个用于Vite的插件，可能是你在`vite.config.js`中引用了这个插件，但当前项目环境里可能还未安装或配置它。解决这个问题的步骤包括： 1. **检查依赖**：首先确认是否已经在项目的`package.json`文件中安装了`@esbuild-plugins/vite-plugin-esbuild`或者其他形式的`vite-plugin-esbuild`包。如果没有，运行`npm install vite-plugin-esbuild @esbuild-plugins/*`或`yarn add vite-plugin-esbuild @esbuild-plugins/*`来安装。 2. **配置文件**：确认`vite.config.js`中的插件配置部分是否正确引用了该插件，并且路径没有问题。例如，添加到plugins数组里： ```javascript import { esbuild } from 'vite-plugin-esbuild'; export default { plugins: [esbuild()], }; ``` 3. **更新构建**：如果已经安装并配置了插件，尝试清除缓存（`npm run clean` 或 `yarn cache clean`），然后重新构建项目 (`npm run build` 或 `yarn build`)。 4. **检查版本兼容性**：确保你使用的Vite版本和`vite-plugin-esbuild`版本之间没有冲突。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值