Fatal编程技术网
  • node.js/
  • Node.js 找不到Angular runtime-es2015.js

Node.js 找不到Angular runtime-es2015.js

node.js angular

Node.js 找不到Angular runtime-es2015.js,node.js,angular,Node.js,Angular,当我运行“ng build”时，我注意到它创建了一个这样的文件夹结构 /地区/项目名称/ 然后它生成projectname文件夹中的所有文件 当我运行Angular应用程序时，索引文件中的第一个脚本出现404（未找到）错误 <body> <app-root></app-root> <script src="runtime-es2015.js" type="module"></script> <script sr

当我运行“ng build”时，我注意到它创建了一个这样的文件夹结构

/地区/项目名称/

然后它生成projectname文件夹中的所有文件

当我运行Angular应用程序时，索引文件中的第一个脚本出现404（未找到）错误

<body>
  <app-root></app-root>
    <script src="runtime-es2015.js" type="module"></script>
    <script src="runtime-es5.js" nomodule defer></script>
    <script src="polyfills-es5.js" nomodule defer></script>
    <script src="polyfills-es2015.js" type="module"></script>
    <script src="styles-es2015.js" type="module"></script>
    <script src="styles-es5.js" nomodule defer></script>
    <script src="vendor-es2015.js" type="module"></script>
    <script src="vendor-es5.js" nomodule defer></script>
    <script src="main-es2015.js" type="module"></script>
    <script src="main-es5.js" nomodule defer></script>
</body>
提前感谢您提供的任何帮助

我找到了

转到angular.json文件并将“outputPath”更改为“dist”，而不是“dist/projectname”。

在您的package.json中，您可以在构建“dist”时设置基本href:

这将在您的所有引用之前添加“/projectname/”：

<body>
  <app-root></app-root>
    <script src="/projectname/runtime-es2015.js" type="module"></script>
    <script src="/projectname/runtime-es5.js" nomodule defer></script>
    <script src="/projectname/polyfills-es5.js" nomodule defer></script>
    <script src="/projectname/polyfills-es2015.js" type="module"></script>
    <script src="/projectname/styles-es2015.js" type="module"></script>
    <script src="/projectname/styles-es5.js" nomodule defer></script>
    <script src="/projectname/vendor-es2015.js" type="module"></script>
    <script src="/projectname/vendor-es5.js" nomodule defer></script>
    <script src="/projectname/main-es2015.js" type="module"></script>
    <script src="/projectname/main-es5.js" nomodule defer></script>
</body>


)因此，我的应用程序中有一个gradle bruild脚本，它调用NpmTask“run build”，我的package.json定义了上面定义的上下文根（ng build--base href/myapp）。这样，我就可以使用快速的“ng-serve”来编写UI，还可以在“ng-build”中构建dist并定义上下文根，以便在向tomcat部署新版本时使用


{
  "name": "projectname",
  "version": "0.0.0",
  "scripts": {
    "ng": "ng",
    "start": "ng serve",
    "build": "ng build --base-href /projectname/",
... snip...
}



<body>
  <app-root></app-root>
    <script src="/projectname/runtime-es2015.js" type="module"></script>
    <script src="/projectname/runtime-es5.js" nomodule defer></script>
    <script src="/projectname/polyfills-es5.js" nomodule defer></script>
    <script src="/projectname/polyfills-es2015.js" type="module"></script>
    <script src="/projectname/styles-es2015.js" type="module"></script>
    <script src="/projectname/styles-es5.js" nomodule defer></script>
    <script src="/projectname/vendor-es2015.js" type="module"></script>
    <script src="/projectname/vendor-es5.js" nomodule defer></script>
    <script src="/projectname/main-es2015.js" type="module"></script>
    <script src="/projectname/main-es5.js" nomodule defer></script>
</body>