VUE的IE兼容性问题处理-IE直接空白没有显示任何内容

浅浅的花香味﹌ 2023-03-12 12:20 2阅读 0赞

#### 现象：用vue 谷歌完全正常，用IE直接空白没有显示任何内容 ####

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0h1YW5GZW5nWmhpUWl1_size_16_color_FFFFFF_t_70_pic_center]  
报错提示：

HTML1300: 进行了导航。
    SCRIPT1002: 语法错误
    app.5ff22dba98c818ee391a.js (1,532063)
    DOM7011: 此页上的代码禁用了反向和正向缓存。
    有关详细信息，请参阅: http://go.microsoft.com/fwlink/?LinkID=291337
    127.0.0.1:8885
    HTML1300: 进行了导航。
    127.0.0.1:8885

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0h1YW5GZW5nWmhpUWl1_size_16_color_FFFFFF_t_70_pic_center 1]

*  解决方法：  
    原因是某些静态文件没有加载到  
    build/webpack.base.conf.js  
    添加静态资源引用：resolve(“node\_modules/epf-admin-web/src”),  
    **注意：添加后需要重新项目，且IE浏览器需要清理缓存，关闭再打开才出来，比较坑**

{
      test: /\.js$/,
      loader: 'babel-loader',
      include: [
        resolve('src'),
        resolve('data.js'),
        resolve("node_modules/epf-admin-web/src"),
        resolve('node_modules/webpack-dev-server/client')
      ]
    },

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0h1YW5GZW5nWmhpUWl1_size_16_color_FFFFFF_t_70_pic_center 2]

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0h1YW5GZW5nWmhpUWl1_size_16_color_FFFFFF_t_70_pic_center]: /images/20230312/551c236bfb114454b9ee0782e727bca4.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0h1YW5GZW5nWmhpUWl1_size_16_color_FFFFFF_t_70_pic_center 1]: /images/20230312/5bd8ba2baaf745f4a7d2c5e417911533.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0h1YW5GZW5nWmhpUWl1_size_16_color_FFFFFF_t_70_pic_center 2]: /images/20230312/73e52cb5be13498ebb1109f900fee358.png