VueJs:使用源块供应商的脚本加载失败

时间:2020-03-31 14:36:03

标签: vue.js webpack

我部署了一个VueJS项目(生产模式),有时(非常罕见)尝试访问该页面时,我看到一个空白屏幕,并且需要几分钟来加载页面。 enter image description here 由于这种情况很少发生,因此我什至无法在需要时重现这种情况。我不确定要在此处共享哪些文件,因此我认为其中一些可能与之相关:

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或部署有关。如果我需要在此处发布更多文件,请告诉我。

0 个答案:

没有答案