请选择 进入手机版 | 继续访问电脑版
MSIPO技术圈 首页 IT技术 查看内容

vite初始化项目报错

2023-07-13

问题描述

vite 初始化项目报错:Only file and data URLs are supported by the default ESM loader. Received protocol ‘node:‘

初始化项目过程

$ npm init vue@latest
Need to install the following packages:
  create-vue@3.6.1
Ok to proceed? (y) y

Vue.js - The Progressive JavaScript Framework
# 这里需要进行一些配置,项目名输入 vue3-test,其他默认回车即可

? **Project name:** › vue3-test
**Add TypeScript?** … No / Yes // 是否使用TS
✔ **Add JSX Support?** … No / Yes // 是否支持JSX
✔ **Add Vue Router for Single Page Application development?** … No / Yes // 是否添加路由
✔ **Add Pinia for state management?** … No / Yes  // 是否添加状态管理 推荐pinia
✔ **Add Vitest for Unit Testing?** … No / Yes // 是否添加单元测试
✔ **Add an End-to-End Testing Solution?** › No // 是否添加端对端测试
✔ **Add ESLint for code quality?** … No / Yes // 是否添加ESLint做代码质量检查

Done. Now run:

  cd vue3-test
  npm install
  npm run dev

package.json文件

{
  "name": "vue3-test",
  "version": "0.0.0",
  "private": true,
  "scripts": {
    "dev": "vite",
    "build": "vite build",
    "preview": "vite preview"
  },
  "dependencies": {
    "vue": "^3.3.4"
  },
  "devDependencies": {
    "@vitejs/plugin-vue": "^4.2.3",
    "vite": "^4.3.9"
  }
}

问题解决

Vite 默认只支持文件(file)和数据(data)URL 方案。如果你的代码中使用了其他协议,例如 node:,请将其修正为受支持的 URL 方案。

我本地默认的node版本是 v14.9.0,使用nvm更新版本14.20.0后重新启动就好了。

> vue3-test@0.0.0 dev /Users/tommy/vue3/vue3-test
> vite

  VITE v4.4.3  ready in 662 ms
  ➜  Local:   http://127.0.0.1:5173/
  ➜  Network: use --host to expose
  ➜  press h to show help

相关阅读

手机版|MSIPO技术圈 皖ICP备19022944号-2

Copyright © 2024, msipo.com

返回顶部