Vue未定义,即使它已被导入

Question

所以我用npm安装了vuejs:

"dependencies": {
    "vue": "^2.5.2"
}

我也在我的文件中导入它:

import "vue"

const app = new Vue({

    el: "#app",
    template: `

        <div>
            <h1>Siddharth Knows It All</h1>
        </div>

    `

});

但是我面临的问题是,当我使用webpack编译代码并在本地服务器上运行它时,它会在控制台中输出Vue is not defined.

控制台也输出

您正在开发模式下运行Vue.确保在部署生产时打开生产模式.请访问https://vuejs.org/guide/deployment.html查看更多提示

谁能帮我？

Answer 1

据我所知,你应该使用:

import Vue from 'vue';

花点时间阅读import声明的实际效果可能是值得的.

您正在做的主要是仅导入模块的副作用:

仅为其副作用导入模块

仅导入整个模块的副作用,无需导入任何内容.这将运行模块的全局代码,但实际上不会导入任何值.

import '/modules/my-module.js';

你想要做的是导入export模块的默认值:

导入默认值

可以有默认导出(无论是对象,函数,类等).然后可以使用import语句导入此类默认值.

import myDefault from '/modules/my-module.js';