Rumah  >  Soal Jawab  >  teks badan

javascript - Masalah yang dihadapi semasa mempelajari vue-loader, sila maklumkan

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

習慣沉默習慣沉默2733 hari yang lalu790

membalas semua(7)saya akan balas

  • 黄舟

    黄舟2017-05-19 10:16:31

    无vue

    npm isntall vue --save-dev

    balas
    0
  • 阿神

    阿神2017-05-19 10:16:31

    Bagaimana untuk menyusun vue dengan webpack Sudahkah anda memasang vue-loader

    balas
    0
  • 阿神

    阿神2017-05-19 10:16:31

    Apakah konfigurasi pek web? ? ?

    Bagaimana untuk menyusun vue?

    Dapatkan pemuat vue

    module: {
            loaders: [{
                    test: /\.vue$/,
                    loader: 'vue'
                }]
           }

    balas
    0
  • 我想大声告诉你

    我想大声告诉你2017-05-19 10:16:31

    vue tidak dipasang.

    balas
    0
  • 给我你的怀抱

    给我你的怀抱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'
              }
       ]}

    balas
    0
  • 我想大声告诉你

    我想大声告诉你2017-05-19 10:16:31

    vue tidak dipasang

    balas
    0
  • 某草草

    某草草2017-05-19 10:16:31

    Soalan: Adakah terdapat pakej.json? Adakah terdapat vue dalam kebergantungan?

    balas
    0
  • Batalbalas