Question

所以我使用npm安装了vuej：

"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';

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

1 个答案: