vite初始化项目报错

最新推荐文章于 2024-02-22 15:59:41 发布

cnmone

最新推荐文章于 2024-02-22 15:59:41 发布

阅读量791

点赞数

分类专栏： Mac vue 文章标签： vite vue3

本文链接：https://blog.csdn.net/weixin_44539392/article/details/131695203

版权

vue 同时被 2 个专栏收录

27 篇文章 1 订阅

订阅专栏

Mac

3 篇文章 0 订阅

订阅专栏

问题描述

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