无法加载资源:net::ERR_FILE_NOT_FOUND 以角度表示

jun*_*aid 6 html javascript desktop-application electron angular

我使用 Electron 构建我的应用程序,这些错误发生在 Chrome 控制台中。否则,如果我通过 ngserve 运行我的应用程序,它就可以正常工作。错误如下:

Failed to load resource: net::ERR_FILE_NOT_FOUND
polyfills.bundle.js:1 Failed to load resource: net::ERR_FILE_NOT_FOUND
styles.bundle.js:1 Failed to load resource: net::ERR_FILE_NOT_FOUND
vendor.bundle.js:1 Failed to load resource: net::ERR_FILE_NOT_FOUND
main.bundle.js:1 Failed to load resource: net::ERR_FILE_NOT_FOUND
/C:/favicon.ico:1 Failed to load resource: net::ERR_FILE_NOT_FOUND
Run Code Online (Sandbox Code Playgroud)

我的 dist 文件夹中的 index.html 文件是:

<!doctype html>
<html>
<head>
  <meta charset="utf-8">
  <title>IMS</title>
   <base href="/"> 

  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="icon" type="image/x-icon" href="favicon.ico">
<link href="styles.50e334ed602d9817f7d7.bundle.css" rel="stylesheet"/></head>
<body>

 <app-root>Loading...</app-root>

<script type="text/javascript" src="inline.9c6676de3e2948b5be6b.bundle.js"></script><script type="text/javascript" src="polyfills.e19c18e1070c8c3aa743.bundle.js"></script><script type="text/javascript" src="vendor.e2a9b8f51e6c245f32be.bundle.js"></script><script type="text/javascript" src="main.eb7ca8d005a358b399e4.bundle.js"></script></body>
</html>
Run Code Online (Sandbox Code Playgroud)

src 文件夹中我的 index.html 文件的代码是:

<!doctype html>
<html>
<head>
  <meta charset="utf-8">
  <title>IMS</title>
   <base href="./"> 

  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="icon" type="image/x-icon" href="favicon.ico">
</head>
<body>

 <app-root>Loading...</app-root>

</body>
</html>
Run Code Online (Sandbox Code Playgroud)

Nas*_*yed 3

https://angular.io/docs/ts/latest/guide/router.html

在标签后面添加基本元素<head>。如果该app文件夹是应用程序根目录(就像我们的应用程序一样),请完全按照此处所示设置href值。

告诉<base href="/">Angular 路由器 URL 的静态部分是什么。然后路由器只修改 URL 的剩余部分。将您的 Base href 设置为“/”src/index.html

<base href="/"> 
Run Code Online (Sandbox Code Playgroud)

您可以在此处了解有关基本 href 的更多信息

  • 这对我来说不起作用,应用程序可以与 ngserve 命令一起正常工作。但是当我为 Electron 构建时,它没有加载文件,因为文件是在构建后从 dist 文件夹加载的。 (3认同)
  • 我将其设置为“&lt;base href="./"&gt;”,这对我有用 (2认同)