Question

我有一个Webpack项目，并且我想在其中使用Vue。我正在这样将Vue导入我的JavaScript文件中：

import "../../node_modules/vue/dist/vue.min.js";

我可以在捆绑软件中看到vue.min.js，但是当我尝试在HTML文件或JavaScript文件中实例化Vue时，如下所示：

var app = new Vue({
  el: ‘#app’,
  data: {
    message: ‘Hello Vue!’
  }
})

我在控制台中收到此错误：

Uncaught ReferenceError: Vue is not defined
    at eval (ins.js?be14:2)
    at Object../src/scripts/ins.js (app.js:485)
    at __webpack_require__ (app.js:79)
    at eval (index.js?48f5:1)
    at Module../src/scripts/index.js (app.js:474)
    at __webpack_require__ (app.js:79)
    at Object.0 (app.js:530)
    at __webpack_require__ (app.js:79)
    at checkDeferredModules (app.js:46)
    at app.js:152

我尝试通过CDN在HTML中直接添加vue.min.js，并且一切正常。负载上有订购问题吗？我该如何解决这个问题？

Answer 1

您应该将Vue导入这样的变量：

import Vue from 'vue'; // or import Vue from '../../node_modules/vue/dist/vue.min.js';

然后它应与您的示例一起使用：

import Vue from 'vue';

var app = new Vue({
  el: ‘#app’,
  data: {
    message: ‘Hello Vue!’
  }
})

如何将Vue添加到现有Webpack项目

1 个答案: