[vitejs/vite]npm run dev 报错 error: Unexpected "\x18"

2024-06-28 356 views
6

npm run dev 报错 error: Unexpected "\x18"

根据官网的命令 yarn create @vitejs/app my-vue-app --template vue cd my-vue-app yarn yarn dev 启动报错

windows- 10 node - 14.17.0 npm - 6.14.13

package.json:1:0: error: Unexpected "\x18" 1 │ | ╵ ^

failed to load config from E:\my-vue-app\vite.config.js error when starting dev server: Error: Build failed with 1 error: package.json:1:0: error: Unexpected "\x18" at failureErrorWithLog (E:\my-vue-app\node_modules\esbuild\lib\main.js:1443:15) at E:\my-vue-app\node_modules\esbuild\lib\main.js:1125:28 at runOnEndCallbacks (E:\my-vue-app\node_modules\esbuild\lib\main.js:915:63) at buildResponseToResult (E:\my-vue-app\node_modules\esbuild\lib\main.js:1123:7) at E:\my-vue-app\node_modules\esbuild\lib\main.js:1230:14 at E:\my-vue-app\node_modules\esbuild\lib\main.js:606:9 at handleIncomingPacket (E:\my-vue-app\node_modules\esbuild\lib\main.js:703:9) at Socket.readFromStdout (E:\my-vue-app\node_modules\esbuild\lib\main.js:573:7) at Socket.emit (events.js:376:20) at addChunk (internal/streams/readable.js:309:12) npm ERR! code ELIFECYCLE npm ERR! errno 1 npm ERR! my-vue-app@0.0.0 dev: vite npm ERR! Exit status 1 npm ERR! npm ERR! Failed at the my-vue-app@0.0.0 dev script. npm ERR! This is probably not a problem with npm. There is likely additional logging output above.

npm ERR! A complete log of this run can be found in: npm ERR! C:\Users\chang.liu\AppData\Roaming\npm-cache_logs\2021-05-27T06_38_21_155Z-debug.log

回答

1

image

3

我的电脑编码方式 image

3

麻烦提供一下创建的项目,怀疑是文件编码问题。

4

你这个项目是用 yarn 安装的依赖,报错是用 npm 运行的?

另外看了一下文件没问题……npm 在运行 dev 命令时会读一遍 package.json,当时没报错,但后面 esbuild 编译时报错了。 这样大概率是 Native 包运行的问题。 考虑到你是 Windows 平台的项目,有一个可能的情况是 WSL 和 PowerShell / CMD / GitBash 混合使用。 最好再试试在同一个命令行环境下装 Node、创建项目、安装依赖、运行启动命令。

因为 WSL 和 Windows 原生环境对 Native 包的处理应该是不一样的。

9

npm yarn 都是一样的报错,两种方式,或者试过react的也是一样的报错,把别人的vite项目clone也是报这种错误

2
  1. 在 WSL 下安装 Node、再在 WSL 下安装项目依赖并运行试试
  2. 卸载 Node,重新用官方的 Windows 安装包装一遍,再在 PowerShell 下安装依赖并运行试试
7

1:可行 2:还是报一样的错 将来将会解决windows下的问题吗,我同事的一样的电脑是没有问题,创建运行vite,我之前vite1的时候也是可以的,到了vite2才出现这样的问题

6

那可能是卸载得不彻底,还是用了 WSL 下的 Node / NPM 安装依赖。 这属于开发环境问题了……我们没有什么可以做的。

你现在的环境重新装一个 vite 1 肯定也会有同样的问题的。

8

我尝试过把node卸了,清除npm的缓存也还是不行

1

报的不是 ENOENT 错误,说明 esbuild 的 postinstall 脚本成功执行了,对应的二进制包成功安装上了。

但是执行时出错,说明可能是 postinstall 里的操作系统/架构平台判断错误,装的不是你需要的那个包。可能性最大的就是运行 postinstall 的那个 Node 版本不对。

4

你可能 Windows 本身和 WSL 里都装过一个 Node,两个都要卸掉

5

ok,我再看看其他情况,最后还是报错的话再重装一下系统试试

0

考虑到这不是 Vite 本身的 bug(看到你在 Discord 上说 creat-react-app 也有一样的问题),并且 WSL 环境下已经可以用了。 我先把这个 issue 关了。