Failed to load url /admin/polyfills.js (resolved id: /admin/polyfills.js). Does the file exist?” Angular 17 route with the path /admin/xxxx

Question

I’m working on an Angular 17 application and I’m trying to create a route with the path /admin/xxxx. However, when I try to access the route http://localhost:4200/admin/dashboard, I get the following error:

20:44:30 [vite] Pre-transform error: Failed to load url /admin/polyfills.js (resolved id: /admin/polyfills.js). Does the file exist? 20:44:30 [vite] Pre-transform error: Failed to load url /admin/main.js (resolved id: /admin/main.js). Does the file exist?

Here’s what my code looks like: ps : when i use path : '' it works fine with routes http://localhost:4200/dashboard

{
    path: 'admin',
    // canActivate: [AuthGuard],
    // canActivateChild: [AdminGuard],
    component: LayoutComponent,
    data: {
      layout: 'admin',
    },
    children: [
      {
        path: 'users',
        loadChildren: () =>
          import('./modules/users/users.module').then((m) => m.UsersModule),
      },
      {
        path: 'dashboard',
        loadChildren: () =>
          import('./modules/dashboard/dashboard.module').then(
            (m) => m.DashboardModule
          ),
      },
      {
        path: '',
        redirectTo: 'dashboard',
        pathMatch: 'full',
      },
    ],
  },

Can anyone help me figure out what’s causing this error and how to fix it?

Check your angular.json and look for polyfills in projects-->your-app-->architect-->build-->options. If you neend't polyfill, remove the line. Generally you use polyfill to import 'zone.js' (but you can import in anyplace diferent) or '@angular/localize/init'; — Eliseo
– Eliseo, Commented Jan 23, 2024 at 7:27

Greg Burghardt · Accepted Answer · 2025-09-26 19:29:02Z

7

I have the same problem and find a solution here

https://github.com/angular/angular-cli/issues/26897

It is an issue that was corrected in the code, but I updated all my package and still have the problem.

In the url someone suggest to use "externalDependencies":[""], in the options of angular.json.

In angular.json:

{
    "projects": {
        "Your Project": {
            "architect": {
                "build": {
                    "builder": "@angular-devkit/build-angular:application",
                    "options": {
                        "externalDependencies":[""],

and it worked to me. I hope it can help, and I suggest to visit the url.

edited Sep 26 at 19:29

Greg Burghardt

19.2k10 gold badges58 silver badges105 bronze badges

answered Jan 22, 2024 at 23:20

sevila

1579 bronze badges

Sign up to request clarification or add additional context in comments.

4 Comments

jolly Over a year ago

Do you know the work around for monorepo projects? It doesn't have angular.json. It has project.json

sevila Over a year ago

Sorry, I don´t. I find the solution in the URI shared. Sorry.

jolly Over a year ago

Thanks for your reply. I figured that out. The solution for project.json is very similar to angular.json. But it doesn't solve the problem completely. There are still a lot of vitejs requests

Greg Burghardt Sep 26 at 19:24

Same problem with Angular and Angular CLI 20.2.2, and this solution also worked for me. Very odd, though.

Collectives™ on Stack Overflow

Failed to load url /admin/polyfills.js (resolved id: /admin/polyfills.js). Does the file exist?” Angular 17 route with the path /admin/xxxx

1 Answer 1

4 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

4 Comments

Your Answer

Sign up or log in

Post as a guest

Related