Closed Ks89 closed 5 years ago
Also, It seems related to https://github.com/angular/angular/issues/31103, but it's closed and I'm still having the same problem.
Hi @Ks89, that is because IOS Safari 10.3
and Safari 10.1
require a polyfill for nomodule
script tags not to be executed. However, this is not being included in your project.
This is because in your browserslist you are not stating that you don't want to support the mentioned browsers. In fact, the parsed browserslist it shows that they shouldn't be supported.
Extract from the above;
ios_saf 12.0-12.1
ios_saf 11.3-11.4
ios_saf 10.0-10.2
safari 12.1
safari 12
safari 10
safari 5.1
If you want to supported the mentioned browsers these need to be update your query to include all minor and major version of Safari
Ex:
ios_saf >= 10
Safari >= 10
You can also check the queries here: https://browserl.ist
Oh damn, you are right.
Now it's working.
thanks
I am facing the same issue and here is my browserlist file,
> 0.5%
last 2 versions
safari >= 10
Firefox ESR
not dead
not IE 9-11 # For IE 9-11 support, remove 'not'.
I am not that much familiar with browserlist, Can someone please help me?
I am facing the same issue and here is my browserlist file,
> 0.5% last 2 versions safari >= 10 Firefox ESR not dead not IE 9-11 # For IE 9-11 support, remove 'not'.
I am not that much familiar with browserlist, Can someone please help me?
If you have issues with Safari Mobile 10, the solution is in the last post of alan-agius4.
This is happening in safari 10 desktop.
This is happening in safari 10 desktop.
I don't know, with the solution above for me it's ok.
Try to run npx browserslist
to see if you can find Safari 10. If not, try to change not dead
or other rows in your browserlist file to see if Safari 10 appears.
The browserslist file should be inside the src folder or in the root? I checked a newly created project and it was inside src by default. So I assumed it and created one in my project's src. Sorry to bother you with so many questions. If I run the npx browserslist
within src folder safari 10 shows up, but not when I run it in the root.
@agiratech-vigneshm In Angular 7 it was in the src
folder, now with Angular 8 it is in the root.
This issue has been automatically locked due to inactivity. Please file a new issue if you are encountering a similar or related problem.
Read more about our automatic conversation locking policy.
This action has been performed automatically by a bot.
π Bug report
Command (mark with an
x
)Is this a regression?
Yes, the previous version in which this bug was not present was: 7.x.x
Description
If you create an empty app with
ng new
, you cannot run it on Safari 10 Mobile (iOS 10.3.3), because it throws this error on console:I already talked about this issue HERE, but the discussion is dead, so I decided to create a new dedicated issue In issue #30928 the problems seems fixed, but it's not true, because it happens also with a basic app created by
ng new
.π¬ Minimal Reproduction
create a new project with
ng new ng-safari10
with routing and SCSS (probably they aren't mandatory to reproduce this issue)use this browserslist file content
Check the output of
npm browserslist
to see if there is 'ios_saf 10.0-10.2':ng build --prod --aot
orng build
This is the package.json created automatically by
ng new
:If you need more info, feel free to ask.
π₯ Exception or Error
π Your Environment
Anything else relevant? Safari 10 for iPad with iOS 10.3.3, if you need mode info about iPad model feel free to ask.