近日随便写了点vue项目,发现本地可以
npm run dev
,也可以npm run build
,但丢到CloudFlare pages构建就出错。先看看错误日志:
2025-08-04T12:45:47.367522Z Cloning repository...
...
2025-08-04T12:46:15.405352Z
2025-08-04T12:46:15.405599Z > vue-project@0.0.0 build
2025-08-04T12:46:15.406105Z > vite build
2025-08-04T12:46:15.406224Z
2025-08-04T12:46:16.133058Z vite v7.0.6 building for production...
2025-08-04T12:46:16.206793Z transforming...
2025-08-04T12:46:16.223007Z ✓ 3 modules transformed.
2025-08-04T12:46:16.226441Z ✗ Build failed in 53ms
2025-08-04T12:46:16.226801Z error during build:
2025-08-04T12:46:16.227042Z Could not resolve "./App.vue" from "src/main.js"
2025-08-04T12:46:16.227182Z file: /project/src/main.js
2025-08-04T12:46:16.227352Z at getRollupError (file:///project/node_modules/rollup/dist/es/shared/parseAst.js:401:41)
2025-08-04T12:46:16.227432Z at error (file:///project/node_modules/rollup/dist/es/shared/parseAst.js:397:42)
2025-08-04T12:46:16.227559Z at ModuleLoader.handleInvalidResolvedId (file:///project/node_modules/rollup/dist/es/shared/node-entry.js:21490:24)
2025-08-04T12:46:16.227829Z at file:///project/node_modules/rollup/dist/es/shared/node-entry.js:21450:26
2025-08-04T12:46:16.255743Z Failed: Error while executing user command. Exited with error code: 1
2025-08-04T12:46:16.26616Z Failed: build command exited with code: 1
2025-08-04T12:46:17.377979Z Failed: error occurred while running build command
找到关键错误: Could not resolve "./App.vue" from "src/main.js"
看看这个文件名是什么情况:
很明显,可能是大小写导致的,后续修改大小写问题后问题解决。
那么问题来了,为什么在本地环境能够正常 npm run dev
,也可以 npm run build
?
实际上这是因为在Windows系统中,大小写不敏感导致的。
我尝试了用 npm init vue@latest
创建项目后,发现大小写是不敏感,那只能每次创建项目时候注意些了。。。