首页 > 解决方案 > SCRIPT1003:预期 ':' main.js (143651,12) 将 laravel mix 版本从 2.0 更新到 4.0.14 后 IE-11 出错

问题描述

我创建了一个带有 laravel 集成的 vuejs 模板。在使用 vue-laravel 创建项目时,默认情况下 laravel-mix 版本是 2.0,当时我的项目在所有浏览器中运行良好。但现在我将 laravel-mix 的版本从 2.0 更新到 4.0.14。在更新它时,IE 浏览器上应显示空白屏幕。因为我是 vue+laravel 的新手,对它的了解还不够。我试图通过关注许多链接来解决这个问题,但没有得到结果。请任何人都知道如何在 IE 上运行 vue+laravel 项目以及需要进行哪些更改。

IE浏览器控制台截图:

在此处输入图像描述

这是我的 webpack.mix.js 文件代码:

//webpack.mix.js

let mix = require('laravel-mix');

/*
 |--------------------------------------------------------------------------
 | Mix Asset Management
 |--------------------------------------------------------------------------
 |
 | Mix provides a clean, fluent API for defining some Webpack build steps
 | for your Laravel application. By default, we are compiling the Sass
 | file for the application as well as bundling up all the JS files.
 |
 */
 mix.autoload({
  'jquery': ['$', 'window.jQuery', 'jQuery'],
 })

mix.js('resources/js/main.js', 'public/js');

这是我在 package.json 文件中的开发依赖项:

// package.json
"devDependencies": {
  "axios": "^0.18",
  "babel-preset-stage-2": "^6.24.1",
  "bootstrap": "^4.1.3",
  "cross-env": "^5.2.0",
  "jquery": "^3.3.1",
  "laravel-mix": "^4.0.14",
  "lodash": "^4.17.11",
  "node-sass": "^4.11.0",
  "popper.js": "^1.14.6",
  "sass-loader": "^7.1.0",
  "vue": "^2.5.19",
  "vue-template-compiler": "^2.5.22"
}

.babelrc 文件代码:

//.babelrc
{
  "plugins": ["syntax-dynamic-import"]
}

如果有人需要更多信息,请告诉我。谢谢!

标签: laravelvuejs2webpack-4laravel-mixvue-cli-3

解决方案


对于 IE,您还需要安装并包含 polyfill。

npm install --save @babel/polyfill


推荐阅读