Safari中的默认Angular-CLI项目失败 - 罪魁祸首严格模式？

Question

我安装了最新版本的angular-cli并创建了一个全新的项目(ng new my-app).这创建了始终时尚的"欢迎使用应用程序",其中包含Angular徽标以及指向英雄之旅,CLI文档和Angular博客的链接.我可以使用Chrome和Firefox在我的Windows机器上本地访问它.

这很奇怪的是当我尝试通过Browserstack访问同一个本地托管的应用程序时.当我从运行Safari 11的Mac上点击它时,一切都按预期工作.

但是,当我尝试通过运行Safari 10+的Mac设备(例如iPad)访问时,应用程序将无法加载,我收到错误消息:"SyntaxError:Unexpected keyword'const'.严格模式下不支持Const声明".错误消息绑定到vendor.bundle.js中的位置(在eval中).

从我的阅读中可以看出,当启用严格模式时,较旧版本的Safari与consts不兼容.但是,我希望有一个解决方法.

别人怎么处理这个？我不是一个有角度的cli专家,所以如果有一个明显的解决方案,我很抱歉没有看到它.

任何帮助将不胜感激.

Answer 1

我有同样的问题。这似乎是一个问题webpack-dev-server（由 @angular/cli 在后台使用），它使用 ES6 功能并且没有被转译。

这只是旧版 Safari 中的问题，但当您想在旧版 Safari 上进行测试时，更新 Safari 并不是解决方案。

临时解决方法是webpack-dev-server通过安装旧版本并将其手动复制到本地 @angular/cli 目录来使用旧版本：

yarn add webpack-dev-server@2.7.1 --dev
cp -R ./node_modules/webpack-dev-server ./node_modules/@angular/cli/node_modules/
./node_modules/.bin/ng serve