vuejs 示例应用程序 npm run dev 不工作抛出错误：找不到模块'node：url'

Question

我是 vuejs 的新手，我正在按照以下步骤在本地系统中创建我的 vue js 应用程序。

步：

npm init vue@latest

✔ 项目名称：... VueDemo ✔ 添加 TypeScript？ … 否/是 ✔ 添加 JSX 支持？ … 否/是 ✔ 为单页应用程序开发添加 Vue 路由器？ … 否/是 ✔ 添加 Pinia 进行状态管理？ … 否/是 ✔ 为单元测试添加 Vitest？ … 否/是 ✔ 为单元和端到端测试添加赛普拉斯？ … 否/是 ✔ 添加 ESLint 以提高代码质量？ … 否 / 是 ✔ 为代码格式化添加 Prettier？ ……不/是

脚手架项目在./VueDemo完成。

cd VueDemo npm install npm run dev

它在控制台中抛出以下错误：

启动开发服务器时无法从/Users/ashok/MyStudy/Vue/VueDemo/vite.config.js 错误加载配置：错误：找不到模块'node：url'需要堆栈：

• /Users/ashok/MyStudy/Vue/VueDemo/vite.config.js
• /Users/ashok/MyStudy/Vue/VueDemo/node_modules/vite/dist/node/chunks/dep-0fc8e132.js 在 Function.Module._resolveFilename (internal/modules/cjs/loader.js:889:15) 在功能。 Module._load (internal/modules/cjs/loader.js:745:27) 在 Module.require (internal/modules/cjs/loader.js:961:19) 在 require (internal/modules/cjs/helpers.js: 92:18) 在对象处。 (/Users/ashok/MyStudy/Vue/VueDemo/vite.config.js:31:23) 在 Module._compile (internal/modules/cjs/loader.js:1072:14) 在 Object._require.extensions。 [as.js] (file:///Users/ashok/MyStudy/Vue/VueDemo/node_modules/vite/dist/node/chunks/dep-0fc8e132.js:63096:24) 在 Module.load (internal/modules/ cjs/loader.js:937:32) 在 Function.Module._load (internal/modules/cjs/loader.js:778:12) 在 Module.require (internal/modules/cjs/loader.js:961:19)

Package.json 文件：

{
  "name": "vuedemo",
  "version": "0.0.0",
  "scripts": {
    "dev": "vite",
    "build": "vite build",
    "preview": "vite preview --port 4173"
  },
  "dependencies": {
    "vue": "^3.2.37"
  },
  "devDependencies": {
    "@vitejs/plugin-vue": "^3.0.1",
    "vite": "^3.0.4"
  }
} 

vite.config.js：

import { fileURLToPath, URL } from 'node:URL

import { defineConfig } from 'vite'
import Vue from '@vitejs/plugin-vue'

export default defineConfig({
  plugins: [vue()],
  resolve: {
    alias: {
      '@': fileURLToPath(new URL('./src', import.meta.url))
    }
  }
})

Answer 1

只需将您的节点升级到最新版本，删除node_modules ，然后再次运行npm install 。

Answer 2

尝试使用：

节点版本 18.12.1 或更高版本和 npm 版本 9.2.0 或更高版本

在那之后尝试：

npm install