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
![[Web front-end] Démarrage rapide de Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
vue manquante
npm n'est pas tout à fait vue --save-dev
Comment compiler vue avec webpack Avez-vous installé vue-loader
?Quelle est la configuration du webpack ? ? ?
Comment compiler vue ?
Obtenez un chargeur de vue
vue n'est pas installé.
Essayez d'abord les deux étapes suivantes :
.1. Installez la dépendance vue-loader localement
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 :
2. Ajoutez la configuration de vue-loader dans webpack
vue n'est pas installé
Question : Existe-t-il un package.json ? Y a-t-il une vue dans la dépendance ?