Vue 组件未在生产中显示，在开发环境中运行良好答案

【问题标题】：Vue components not displaying in production, works well in dev envVue 组件未在生产中显示，在开发环境中运行良好
【发布时间】：2021-11-14 23:18:01
【问题描述】：

我有一个 laravel vue 项目在开发中运行良好，但在实时共享托管服务器上，vue 组件没有显示，但 laravel 视图工作正常。控制台中没有错误。在部署之前，我运行 npm run production 以缩小生产，并将 vue.config 模式设置为生产。我尝试了在这里找到的其他一些建议；热重载浏览器，清除浏览器缓存，尝试另一个共享托管服务器，但没有一个对我有用。任何帮助，将不胜感激。这是我在 package.json 文件中的脚本对象

【问题讨论】：

如你所说，生产可能不会出现任何错误。您能否检查一下您何时开发控制台。您可能会收到一些警告，如果投入生产，这将不起作用。
感谢@Patfreeze 抽出宝贵时间。是的，我只在 Chrome 中遇到此错误，但在 Edge 或 Firefox 中没有。然后我读到了它，它与我在 chrome 上运行的扩展有关。除此之外，没有其他错误。
没问题。如果您可以发布答案，也许这会对处于相同情况的其他人有所帮助。

标签： javascript vue.js vue-component laravel-vue

【解决方案1】：

所以我发现 webpack 正在编译到生产环境中并带有未显示的警告。将此添加到我的 webpack.mix.js 后我才知道

mix.webpackConfig({
        stats:{
        hash: true,
        children: true,
        errors: true,
        errorDetails: true,
        warnings: true,
        publicPath: true,
    }
    });

随后修复了警告并解决了繁荣问题。

【讨论】：