我正在向使用WebPack的工作流程过渡，它可以捆绑代码。在过渡过程中，我偶然发现了这个错误。

未发现的参考错误。Vue未被定义

在eval (外部 "Vue"?548a:1)

at Object. (pcp_mainbundle.js:172)

at __webpack_require__ (pcp_mainbundle.js:20)

at eval (pcpVue.js?6cb8:1)

at Object. (pcp_mainbundle.js:196)

at __webpack_require__ (pcp_mainbundle.js:20)

at eval (pcpMain.js?814e:1)

at Object. (pcp_mainbundle.js:189)

at __webpack_require__ (pcp_mainbundle.js:20)

at Object. (pcp_mainbundle.js:181)

10000000111a2334:47 未发现的类型错误: window.pcpRun不是一个函数

在10000000111a2334:47

我确保了vue包是从npm安装的。

npm安装vue -save

(这些是保存前的两个破折号）。

然后我像这样导入。

import Vue from 'vue';

正如我在其他进口产品中所习惯的那样，事实上，我也曾在一家公司看到过它。 非常好的Udemy课程，作者是Maximilian Schwarzmüller.

它不能工作的原因可能是这个Udemy课程是由vue-cli设置的，它设置了package.json。

我是手动操作的/选择了不同的路径。

实际上，我怀疑'vue'在那里被重新定义，变成了vue/dist/vue.esm.js。

我在这里得到了提示。 Webpack在Vue.js中的介绍

决议。{ alias: { // 确保使用正确的Vue构建 'vue$': 'vue/dist/vue.esm.js' }}

因此，我可能会更新我的webpack.config.js。

我选择简单地把它放到我的导入中，因为这 论坛主题 建议。

从'vue/dist/vue.esm.js'导入Vue。

现在这对我来说是有效的，错误是 未发现的参考错误。Vue未被定义 已经消失了。

更新2.3.2020（解决方案）：外部因素

如前所述，我正在从手动脚本标签包含过渡到webpack流程。因此，以前我是用脚本标签包含Vue的。

为了使这一方法奏效，并且Vue不被两次加载，我在webpack.config.js中应用了以下解决方法。

外在因素。{

vue: 'Vue'.

},

this lead to webpack NOT including vue –> whenever it was included, webpack assumed that I would provide it externally, which I did not do.

因此，解决方案是，将这个外部部分从 webpack.config.js