Heim  >  Fragen und Antworten  >  Hauptteil

javascript – Beim Erlernen des Vue-Loaders ist ein Problem aufgetreten. Bitte informieren Sie uns

Ich lerne Vue-Loader,
Erstellen Sie neue Dateien
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 Leere App.vue-Datei

5 Nach der Verwendung von npm init wurden Skripte auf den Ausführungsbefehl geändert

6 Webpck webpack-dev-server über cnpm heruntergeladen, install webpack webpack-dev-server

Nachdem npm run dev endlich bestanden wurde, wird der Fehler wie folgt gemeldet

FEHLER in ./main.js
Modul nicht gefunden: Fehler: „vue“ in „....vue-loader-demo“ kann nicht aufgelöst werden
@./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: Kompilierung fehlgeschlagen.

Knie nieder und danke euch allen

習慣沉默習慣沉默2684 Tage vor757

Antworte allen(7)Ich werde antworten

  • 黄舟

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

    缺vue

    npm isntall vue --save-dev

    Antwort
    0
  • 阿神

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

    webpack 怎么编译的vue啊 安装了vue-loader了么

    Antwort
    0
  • 阿神

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

    webpack 就那点配置???

    怎么编译vue啊?

    弄个vue loader吧

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

    Antwort
    0
  • 我想大声告诉你

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

    vue没有install啊.

    Antwort
    0
  • 给我你的怀抱

    给我你的怀抱2017-05-19 10:16:31

    先按照以下两步试试看:
    1.本地安装vue-loader依赖

    cnpm isntall vue-loader --save-dev
    

    安装成功后,vue-loader-demo文件夹下的package.json,devDependencies项会显示vue-loader和对应的版本号,例如:

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

    2.增添webpack中对vue-loader的配置

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

    Antwort
    0
  • 我想大声告诉你

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

    vue 没install

    Antwort
    0
  • 某草草

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

    问题:有没有 package.json?依赖里有没有 vue?

    Antwort
    0
  • StornierenAntwort