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