Question

我使用电子构建我的应用程序，这些错误发生在chrome控制台中。否则我的应用程序工作正常，如果我通过ng服务运行它。错误如下：

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

我在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>

我在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>

Answer 1

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

在<head>标记之后添加基本元素。如果app文件夹是应用程序根目录，就像我们的应用程序一样，请将href值完全设置为，如下所示。

<base href="/">告诉Angular路由器URL的静态部分是什么。然后，路由器仅修改URL的剩余部分。在您的src/index.html

中将您的Base href设置为'/'

<base href="/">

您可以详细了解base href here

Answer 2

对我来说，这对ng serve和ng build都适用：

<base href="">

无法加载资源：以角度为单位的net :: ERR_FILE_NOT_FOUND

2 个答案: