即使已导入 Vue 也未定义 [重复]答案

【问题标题】：Vue not defined even though it's been imported [duplicate]即使已导入 Vue 也未定义 [重复]
【发布时间】：2018-04-13 23:27:19
【问题描述】：

所以我已经使用 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

谁能帮帮我？

【问题讨论】：

有没有可能应该是import Vue from 'vue'？

标签： javascript npm import vue.js require

【解决方案1】：

据我所知，您应该使用：

import Vue from 'vue';

可能值得花点时间阅读import 语句的实际工作原理。

您实际上所做的只是为了它的副作用而导入模块：

仅为其副作用导入模块

导入整个模块仅用于副作用，不导入任何事物。这运行模块的全局代码，但实际上并没有导入任何值。

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

您要做的是导入模块的默认export：

导入默认值

可以有一个默认导出（无论是对象，函数、类等）。然后可以使用 import 语句导入此类默认值。

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

【讨论】：