Vue组件在生产环境中不显示,在开发环境中运行良好

egmofgnx  于 2023-06-24  发布在  Vue.js
关注(0)|答案(2)|浏览(236)

我有一个laravel vue项目在开发中运行得很好,但是在live shared hosting服务器上,vue组件没有显示出来,但是laravel视图工作得很好。控制台中没有错误。在部署之前,我运行npm run production以minify用于生产,并将vue.config模式设置为生产。我已经尝试了我在这里找到的其他一些建议;热重载浏览器,清除浏览器缓存,尝试另一个共享主机服务器,但没有为我工作。任何帮助将不胜感激。下面是package.json文件x1c 0d1x中的脚本对象

6pp0gazn

6pp0gazn1#

所以我发现webpack正在编译到生产环境,但警告没有显示。我在把它添加到我的webpack.mix.js之后才知道

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

此后,警告和吊杆问题得到解决。

kcugc4gi

kcugc4gi2#

我的问题很奇怪,涉及到不透明性。我们已经在CSS选择器上为给定组件设置了不透明度为99%,如下所示:

#component {
  opacity: 99%;
}

当在Docker容器中编译并部署到Azure容器应用程序时,CSS被设置为1%.我们将定义更改为:

#component {
  opacity: 0.99;
}

看上去很有效。我希望它能帮助某人。

相关问题