Linux gagal mencipta projek vue

PHPz
Lepaskan: 2023-05-24 14:05:37
asal
687 orang telah melayarinya

Baru-baru ini saya cuba mencipta projek Vue pada sistem Linux, tetapi menghadapi beberapa masalah. Selepas mencuba pelbagai kaedah persediaan dan pemasangan, akhirnya saya berjaya. Dalam artikel ini, saya akan berkongsi pengalaman saya dengan masalah ini dan cara menyelesaikannya.

Penerangan Masalah

Saya menggunakan versi Ubuntu 18.04 dan baru sahaja memasang pengurus pakej Node.js dan npm. Kemudian, saya melaksanakan arahan berikut untuk memasang Vue CLI:

npm install -g @vue/cli
Salin selepas log masuk
Salin selepas log masuk

Apabila saya cuba mencipta projek Vue baharu dengan arahan berikut:

vue create my-project
Salin selepas log masuk
Salin selepas log masuk

Saya mengalami ralat berikut:

internal/modules/cjs/loader.js:583
    throw err;
    ^

Error: Cannot find module '/usr/lib/node_modules/@vue/cli-service/bin/vue-cli-service.js'
    at Function.Module._resolveFilename (internal/modules/cjs/loader.js:580:15)
    at Function.Module._load (internal/modules/cjs/loader.js:506:25)
    at Function.executeUserEntryPoint [as runMain] (internal/modules/run_main.js:49:12)
    at internal/main/run_main_module.js:11:47 {
  code: 'MODULE_NOT_FOUND',
  requireStack: []
}
Salin selepas log masuk

Analisis Sebab

Sebab ralat ini ialah modul @vue/cli-service tidak dapat ditemui. @vue/cli-service ialah salah satu modul yang bergantung kepada Vue CLI Tanpa modul ini, projek Vue tidak boleh dibuat seperti biasa.

Penyelesaian

  1. Nyahpasang Vue CLI

Pertama, kami perlu menyahpasang Vue CLI yang dipasang pada asalnya Anda boleh menggunakan arahan berikut:

npm uninstall -g vue-cli
npm uninstall -g @vue/cli
Salin selepas log masuk
  1. Pasang nvm

nvm (Pengurus Versi Node) ialah alat yang boleh memasang dan mengurus berbilang versi Node.js pada komputer yang sama. Oleh kerana versi Node.js yang berbeza mungkin perlu digunakan dalam modul bergantung Vue CLI, kami perlu memasang nvm.

Gunakan arahan berikut untuk memasang nvm:

curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.38.0/install.sh | bash
Salin selepas log masuk
  1. Pasang Node.js

Selepas memasang nvm, kami boleh menggunakan nvm untuk memasang versi yang berbeza bagi Node .js. Dalam contoh ini, kami akan memasang versi terkini Node.js.

Pertama, gunakan arahan berikut untuk menyenaraikan versi Node.js yang diketahui:

nvm ls-remote
Salin selepas log masuk

Kemudian, kita boleh memasang versi terkini Node.js menggunakan arahan berikut:

nvm install node
Salin selepas log masuk

Selepas memasang Node.js, kami perlu menetapkan versi lalai Node.js. Sediakannya menggunakan arahan berikut:

nvm alias default node
Salin selepas log masuk
  1. Pasang Semula Vue CLI

Selepas Node.js dipasang, kami boleh memasang semula Vue CLI:

npm install -g @vue/cli
Salin selepas log masuk
Salin selepas log masuk

Kini Kita boleh mencipta projek Vue baharu:

vue create my-project
Salin selepas log masuk
Salin selepas log masuk

Kini projek Vue sepatutnya dibuat seperti biasa. Jika masalah berterusan, anda boleh cuba memulakan semula terminal atau komputer untuk memastikan pembolehubah persekitaran yang berkaitan dimuatkan dengan betul.

Ringkasan

Mencipta projek Vue dalam Linux memerlukan pergantungan yang jelas pada versi Node.js, dan anda juga perlu memberi perhatian kepada laluan dan lokasi pemasangan modul yang berkaitan. Jika anda menghadapi masalah, anda boleh cuba menyahpasang dan memasang semula perisian yang berkaitan atau semak mesej ralat yang berkaitan untuk menyelesaikan masalah tersebut. Melalui artikel ini, saya berharap dapat membantu pembangun yang menghadapi masalah semasa membuat projek Vue dalam persekitaran Linux.

Atas ialah kandungan terperinci Linux gagal mencipta projek vue. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan
Tentang kita Penafian Sitemap
Laman web PHP Cina:Latihan PHP dalam talian kebajikan awam,Bantu pelajar PHP berkembang dengan cepat!