我部署了一个VueJS项目(生产模式),有时(非常罕见)尝试访问该页面时,我看到一个空白屏幕,并且需要几分钟来加载页面。 由于这种情况很少发生,因此我什至无法在需要时重现这种情况。我不确定要在此处共享哪些文件,因此我认为其中一些可能与之相关:
webpack.config.js 是一个空文件
vue.config.js
module.exports = {
lintOnSave: false,
configureWebpack: {
resolve: {
alias: require('./aliases.config').webpack
}
},
css: {
// Enable CSS source maps.
sourceMap: true
},
chainWebpack: config => {
const svgRule = config.module.rule('svg')
svgRule.uses.clear()
// add replacement loader(s)
svgRule
.use('vue-svg-loader')
.loader('vue-svg-loader')
config.module.rule('pdf')
.test(/\.pdf$/)
.use('file-loader')
.loader('file-loader')
}
}
在 package.json 中,我们有这个
"scripts": {
"serve": "vue-cli-service serve",
"build": "vue-cli-service build",
"lint": "vue-cli-service lint",
"start": "npm run serve"
},
所以我不确定我的问题是否与配置文件,Webpack或部署有关。如果我需要在此处发布更多文件,请告诉我。