简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
javascript - Un problème rencontré lors de l'apprentissage de Vue-Loader, veuillez en informer
習慣沉默
習慣沉默 2017-05-19 10:14:31
0
7
786

J'apprends vue-loader Selon la méthode décrite dans la vidéo,
créer de nouveaux fichiers
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 main.js

import Vue from "vue";

3 webpack.config.js

module.exports={
    entry:'./main.js',
    output:{
        path:__dirname,
        filename:"build.js"
    }
}

4 Fichier App.vue vide

5 Après avoir utilisé npm init, les scripts ont été remplacés par la commande d'exécution

6 Webpck webpack-dev-server téléchargé via cnpm install webpack webpack-dev-server

Après avoir finalement réussi npm run dev, l'erreur est signalée comme suit

ERREUR dans ./main.js
Module introuvable : Erreur : Impossible de résoudre 'vue' dans '....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 : échec de la compilation.

Agenouillez-vous et merci à tous. En attente en ligne

習慣沉默
習慣沉默

répondre à tous(7)
黄舟
黄舟2017-05-19 10:16:31 7 plancher

vue manquante

npm n'est pas tout à fait vue --save-dev

Comme +0
Ajouter une réponse
阿神
阿神2017-05-19 10:16:31 6 plancher

Comment compiler vue avec webpack Avez-vous installé vue-loader

?
Comme +0
Ajouter une réponse
阿神
阿神2017-05-19 10:16:31 5 plancher

Quelle est la configuration du webpack ? ? ?

Comment compiler vue ?

Obtenez un chargeur de vue

module: {
        loaders: [{
                test: /\.vue$/,
                loader: 'vue'
            }]
       }
Comme +0
Ajouter une réponse
我想大声告诉你
我想大声告诉你2017-05-19 10:16:31 4 plancher

vue n'est pas installé.

Comme +0
Ajouter une réponse
给我你的怀抱
给我你的怀抱2017-05-19 10:16:31 3 plancher

Essayez d'abord les deux étapes suivantes :
1. Installez la dépendance vue-loader localement

. 
cnpm isntall vue-loader --save-dev

Après une installation réussie, les éléments package.json et devDependencies dans le dossier vue-loader-demo afficheront vue-loader et le numéro de version correspondant, par exemple : 

  "devDependencies": {
    "vue-loader": "^11.3.4"
  }

2. Ajoutez la configuration de vue-loader dans webpack

   module: {
        rules: [
          {
            test: /\.vue$/,
            loader: 'vue-loader'
          }
   ]}
Comme +0
Ajouter une réponse
我想大声告诉你
我想大声告诉你2017-05-19 10:16:31 2 plancher

vue n'est pas installé

Comme +0
Ajouter une réponse
某草草
某草草2017-05-19 10:16:31 1 plancher

Question : Existe-t-il un package.json ? Y a-t-il une vue dans la dépendance ?

Comme +0
Ajouter une réponse
Sujets populaires
Plus>
Articles populaires
Tutoriels populaires
Plus>
Tutoriels associés
Recommandations populaires
Derniers cours
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal
À propos de nous Clause de non-responsabilité Sitemap
Site Web PHP chinois：Formation PHP en ligne sur le bien-être public，Aidez les apprenants PHP à grandir rapidement！