web-dev-qa-db-ja.com

必須Vue JSファイルから

私は最新のフロントエンド開発ツールにかなり慣れていません。 NodejsとNPMをインストールしました。いくつかのパッケージ（es： "jquery"）をダウンロードし、すべてが機能しました。次に、Webpack（バージョン2）をインストールし、このデモ構成ファイルを作成しました

module.exports = {
   entry: "./entry.js",
   output: {
       path: __dirname,
       filename: "bundle.js"
   }
};

私のJSエントリポイント（entry.js）では、次のようにjQueryモジュールを正常に使用できます。

var $ = require("jquery");
$('#test').html('Changed!');

すべてが正常に動作します。 Vueに行くと問題が発生します。インストールします

npm install vue --save

そしてそれを使用します

var Vue = require("vue");
var app = new Vue({
    el: '#app',
    data: {
        message: 'Hello Vue!'
    }
});

コンストラクターをインポートして使用する方法がわかりません。私がはっきりと書いたことは正しくありえません！実際、私はこのエラーを受け取ります

TypeError: Vue is not a constructor

何が足りないのですか？ （注：私は他のツールを使用していません。Nodejs+ NPM + Webpack2のみを使用しており、可能であれば、これら3つのみを使用し続けたいと思います）。

ありがとう、マルコ

javascriptnpmwebpackvue.jsweb-frontend
6
Marco

Vueは、webpackで使用されるESモジュールを提供します。期待したコンストラクターはデフォルトのエクスポートですが、requireの動作は少し異なるため、インポート時にdefaultプロパティにアクセスする必要があります。

var Vue = require('vue').default;

または、webpackでサポートされているインポート構文を使用することもできます。同等のインポートは次のとおりです。

import Vue from 'vue';
8
Michael Jungo