laravel - 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"]
}
如果有人需要更多信息,请告诉我。谢谢!
解决方案
对于 IE,您还需要安装并包含 polyfill。
npm install --save @babel/polyfill
推荐阅读
- php - 使用 PHP header:location 时下载速度慢
- android - 使用 Android Studio 录制屏幕视频的问题
- java - java中的亚马逊API产品
- java - Java 中的 C 类 Crypt() 函数
- c# - 使某个listView子项列可编辑
- bootstrap-vue - IE11 + Bootstrap vue问题可聚焦元素在访问时有多个黑色边框
- tensorflow - 使用 Python 进行多目标(大)神经网络回归
- sql - 在 Microsoft SQL Server 上创建\删除表需要什么权限?dbowner 好吗?
- python - Sqlalchemy 和 Python - 返回 ID 的 upsert 语句
- security - 从 Rails 5.1.6.2 升级到 6.0.0 时,如何使加密的凭据正常工作?