cli3解决 ie11语法错误 vue_VUE 项目在IE11白屏报错 SCRIPT1002: 语法错误的解决

在Vue CLI 3中，要想支持IE11，需要进行一些配置。

首先，安装 `@vue/cli-plugin-babel` 和 `@vue/cli-plugin-polyfill` 插件：

npm install @vue/cli-plugin-babel @vue/cli-plugin-polyfill -D

然后，在 `babel.config.js` 文件中添加对IE11的支持：

module.exports = {
  presets: [
    [
      '@vue/app',
      {
        targets: {
          ie: 11
        }
      }
    ]
  ]
}

最后，在 `vue.config.js` 文件中添加 polyfill：

module.exports = {
  configureWebpack: {
    // 添加 polyfill
    entry: ['babel-polyfill', './src/main.js']
  },
  transpileDependencies: [
    // 支持IE11的第三方库
    'resize-detector'
  ]
}

重新打包后，在IE11中应该就可以正常显示了。如果还有报错，可以检查是否有其他语法错误。

相关问题

vue2 ie11白屏 script1010

在Vue2项目中，在IE11浏览器上出现白屏并且报错SCRIPT1010，这个问题通常是由于IE11不支持ES6语法导致的。为了解决这个问题，你可以尝试以下步骤：

1. 检查你的项目根目录下是否有一个名为.browserslistrc的文件。如果没有，可以手动创建该文件，并将以下内容添加到文件中："> 1% last 2 versions ie 11"。这样可以告诉Babel编译器在编译过程中要将代码转换为兼容IE11的语法。

2. 确保你的项目使用了最新版本的Vue CLI脚手架。可以通过运行命令`npm install -g @vue/cli`来安装最新版本的Vue CLI。

3. 确保你的项目已经安装了@babel/preset-env插件。可以通过运行命令`npm install --save-dev @babel/preset-env`来安装该插件。

4. 在项目根目录下的babel.config.js文件中，确保你已经配置了@babel/preset-env插件，并指定了要兼容的浏览器版本，包括IE11。例如，你的配置可能如下所示：

module.exports = {
  presets: [
    ['@babel/preset-env', {
      targets: {
        ie: '11'
      }
    }]
  ]
};

5. 如果你的项目使用了Webpack，你还需要在webpack.config.js文件中进行相关配置。你可以在module.rules中添加一个针对js文件的loader规则，并在options中指定@babel/preset-env插件。

6. 重新运行`npm run serve`命令，然后在IE11浏览器中打开你的项目。现在应该可以正常显示页面，而不再出现白屏和SCRIPT1010的错误。

通过以上步骤，你应该能够解决Vue2项目在IE11浏览器上白屏并报错SCRIPT1010的问题。祝你顺利解决！

vue项目ie上白屏,报语法错误,chunk-vendors.js

当vue项目在IE浏览器中出现白屏的问题，并且报错为语法错误的情况，很可能是由于IE浏览器不支持某些ES6语法所致。

解决这个问题的方法有以下几种：

1. 使用Babel转码： Vue CLI 或者 webpack 都支持使用 Babel 作为转码工具，可以将ES6的代码转换成ES5的语法。配置babel.config.js或.babelrc文件，添加相应的预设，然后重新构建项目。

2. 使用core-js/shim.js： 在main.js中引入core-js/shim.js文件，可以提供对IE浏览器中不支持的一些新特性的支持。将以下代码添加到main.js的最顶部：

   import 'core-js/shim.js';

3. 检查使用的第三方库是否支持IE浏览器：有些第三方库可能使用了一些ES6语法，而在IE浏览器中无法正常工作。检查项目中使用的所有第三方库的兼容性，并查看其官方文档，确保其支持IE浏览器。

4. 设置babel-polyfill： 在webpack的入口文件中引入babel-polyfill来提供一些缺失的ES6特性支持。将以下代码添加到入口文件的最顶部：

   import 'babel-polyfill';

以上是一些常用的解决方法，可以尝试一下来修复vue项目在IE浏览器中白屏和报语法错误的问题。另外，建议将vue项目的兼容性目标设置为最低支持IE11以确保在IE浏览器中正常运行。