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

作者站长头像
站长
· 阅读数 3

vue项目npm run dev正常启动无报错,但浏览器访问时总是停留在加载页面,浏览器控制台报错,这种情况经常发生,有时候重启几次就好了vue项目启动完成后,浏览器访问无响应,浏览器控制台报错是什么情况?vue项目启动完成后,浏览器访问无响应,浏览器控制台报错是什么情况?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()
        }
      }
    }
  }
};
回复
1个回答
avatar
test
2024-06-27

暂时解决了,卸载node.js,重新装了个最新版的node-v18.17.1-x64

回复
likes
适合作为回答的
  • 经过验证的有效解决办法
  • 自己的经验指引,对解决问题有帮助
  • 遵循 Markdown 语法排版,代码语义正确
不该作为回答的
  • 询问内容细节或回复楼层
  • 与题目无关的内容
  • “赞”“顶”“同问”“看手册”“解决了没”等毫无意义的内容