vue项目启动完成后，浏览器访问无响应，浏览器控制台报错是什么情况？

Z时代
2024-02-06
分类：IT

vue项目npm run dev正常启动无报错，但浏览器访问时总是停留在加载页面，浏览器控制台报错，这种情况经常发生，有时候重启几次就好了
vue项目启动完成后，浏览器访问无响应，浏览器控制台报错是什么情况？

GET http://localhost:8080/js/chunk-vendors.js net::ERR_ABORTED 404 (Not Found) ----------

Refused to execute script from 'http://localhost:8080/js/chunk-vendors.js' because its MIME type ('text/html') is not executable, and strict MIME type checking is enabled.

vue.config.js

const CompressionWebpackPlugin = require('compression-webpack-plugin');
const { transformElementScss } = require('ele-admin/lib/utils/dynamic-theme');
module.exports = {
  productionSourceMap: false,
  configureWebpack: {
    performance: {
      maxAssetSize: 2000000,
      maxEntrypointSize: 2000000
    }
  },
  chainWebpack(config) {
    config.plugins.delete('prefetch');
    if (process.env.NODE_ENV !== 'development') {
      // gzip 压缩
      config.plugin('compressionPlugin').use(
        new CompressionWebpackPlugin({
          test: /\.(js|css|html)$/,
          threshold: 10240
        })
      );
    }
  },
  css: {
    loaderOptions: {
      sass: {
        sassOptions: {
          outputStyle: 'expanded',
          importer: transformElementScss()
        }
      }
    }
  }
};