未定义运行时Vue错误Laravel 8和Jetstream Vue_产品开发工具

我得到这个错误：

app.js？id=37395f80948d4d99f537:2未捕获引用错误：VUE_PROD_DEVTOOLS未在Module.5166中定义（app.js？id=37395f80948d4d99f537:2）

---

当我使用Jetstream运行新的Laravel 8安装时，我已经运行了

npm run prod

。它在

npm运行dev

中运行良好。使用prod版本根本不会呈现主页。我在Chrome中安装了Vue dev tools扩展，并启用了允许访问文件URL选项。

我遇到了相同的错误，并通过确保“webpack.config.js”具有以下内容来解决此问题：

const webpack=require（'webpack'）

module.exports={

插件：[

新网页包。定义插件（{

\uuuvue\u产品开发工具\uuuvTools:“false”

}）

]，

}



这是除webpack.config.js文件中的任何内容之外的内容。


还要注意的是，
npm运行产品
可能不同于
npm运行产品



我在
找到了这个解决方案，我遇到了同样的错误，并通过确保“webpack.config.js”具有以下内容来解决它：

const webpack=require（'webpack'）

module.exports={


插件：[


新网页包。定义插件（{


\uuuvue\u产品开发工具\uuuvTools:“false”


}）


]，


}



这是除webpack.config.js文件中的任何内容之外的内容。


还要注意的是，
npm运行产品
可能不同于
npm运行产品



FBG说，我在
找到了这个解决方案，来自Laracasts的George Brotherston和WeAreModus都是对的

使用Vue 3.0.0-rc.3时，需要显式设置uu Vue_PROD_DEVTOOLS

此错误已在v3.0.7中修复




绑定器生成功能标志
从3.0.0-rc.3开始，esm bundler builds现在公开了可在编译时覆盖的全局功能标志：

VUE\u选项\u API（启用/禁用选项API支持，默认值：true）

VUE_产品开发工具（在生产中启用/禁用开发工具支持，默认值：false）
构建将在不配置这些标志的情况下工作，但是强烈建议正确配置它们，以便在最终捆绑包中获得适当的树抖动。要配置这些标志，请执行以下操作：

网页包：使用DefinePlugin

汇总：使用@Rollup/plugin replace

Vite：默认情况下配置，但可以使用define选项覆盖

注意：替换值必须是布尔文字，不能是字符串，否则绑定器/迷你器将无法正确评估条件。
来自Laracasts的George Brotherston和WeAreModus都是正确的，fbloggs

使用Vue 3.0.0-rc.3时，需要显式设置uu Vue_PROD_DEVTOOLS

此错误已在v3.0.7中修复




绑定器生成功能标志
从3.0.0-rc.3开始，esm bundler builds现在公开了可在编译时覆盖的全局功能标志：

VUE\u选项\u API（启用/禁用选项API支持，默认值：true）

VUE_产品开发工具（在生产中启用/禁用开发工具支持，默认值：false）
构建将在不配置这些标志的情况下工作，但是强烈建议正确配置它们，以便在最终捆绑包中获得适当的树抖动。要配置这些标志，请执行以下操作：

网页包：使用DefinePlugin

汇总：使用@Rollup/plugin replace

Vite：默认情况下配置，但可以使用define选项覆盖

注意：替换值必须是布尔文字，不能是字符串，否则bundler/minifier将无法正确计算条件。
我也有同样的问题！我也有同样的问题！谢谢我接受了另一个答案，尽管我很感激你在文件中给我看这个。我仍然认为这是一个错误-你引用的文档清楚地说明了“构建将在不配置这些标志的情况下工作”-我不明白为什么它应该在dev中工作，而不是prod中。很明显，默认值false没有定义。你做的一切都是正确的，fbloggs。你是对的，这是一个错误。谢谢。我接受了另一个答案，尽管我很感激你在文件中给我看这个。我仍然认为这是一个bug——你引用的文档清楚地说明了“构建将在不配置这些标志的情况下工作”——我不明白为什么它应该在dev中工作，而不是在prod中。很明显，默认值false没有定义。你做的一切都是正确的，fbloggs。你是对的，这是一个bug。