Rumah > Soal Jawab > teks badan
Saya sedang belajar vue-loader Mengikut kaedah dalam video,
buat fail baharu
1 index.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<app></app>
<script src="build.js"></script>
</body>
</html>
2 utama.js
import Vue from "vue";
3 webpack.config.js
module.exports={
entry:'./main.js',
output:{
path:__dirname,
filename:"build.js"
}
}
4 Fail App.vue Kosong
5 Selepas menggunakan npm init, skrip ditukar kepada arahan pelaksanaan
6 Muat turun webpck webpack-dev-server melalui cnpm install webpack webpack-dev-server
Selepas akhirnya melepasi npm run dev, ralat dilaporkan seperti berikut
RALAT dalam ./main.js
Modul tidak ditemui: Ralat: Tidak dapat menyelesaikan 'vue' dalam '....vue-loader-demo'
@./main.js 1:0-22
@multi . /~/_webpack-dev-server@2.4.5@webpack-dev-server/client?http://localhost:8081 webpack/hot/dev-server ./main.js
webpack: Gagal untuk menyusun.
Berlutut dan terima kasih semua Menunggu dalam talian
阿神2017-05-19 10:16:31
Bagaimana untuk menyusun vue dengan webpack Sudahkah anda memasang vue-loader
阿神2017-05-19 10:16:31
Apakah konfigurasi pek web? ? ?
Bagaimana untuk menyusun vue?
Dapatkan pemuat vue
module: {
loaders: [{
test: /\.vue$/,
loader: 'vue'
}]
}
给我你的怀抱2017-05-19 10:16:31
Mula-mula cuba dua langkah berikut:
1. Pasang pergantungan vue-loader secara setempat
cnpm isntall vue-loader --save-dev
Selepas pemasangan berjaya, item package.json dan devDependencies dalam folder vue-loader-demo akan memaparkan vue-loader dan nombor versi yang sepadan, contohnya:
"devDependencies": {
"vue-loader": "^11.3.4"
}
2. Tambahkan konfigurasi vue-loader dalam webpack
module: {
rules: [
{
test: /\.vue$/,
loader: 'vue-loader'
}
]}
某草草2017-05-19 10:16:31
Soalan: Adakah terdapat pakej.json? Adakah terdapat vue dalam kebergantungan?