我正在使用angular 1.5和webpack用我的角度应用程序生成一个dist文件夹。
这是我的文件夹结构：
--app
--dist
--loginComponent
--login.html
--homeComponent
--home.html
...
--app.css
--app.js
--index.html
这是我的index.html：
<!doctype html>
<html lang="es" ng-app="firmaDigitalApp" ng-strict-di>
<head>
<meta charset="utf-8">
<link rel="stylesheet" type="text/css" href="dist/app.css">
<script src="dist/app.js"></script>
</head>
<body>
<app></app>
</body>
</html>
到目前为止，一切都很好，问题在于生成的app.js并未以相对方式按其路径访问html，因此找不到资源（而不是在上下文/dist/homeComponent.html中寻找home.html ，它正在上下文/homeComponent.html中寻找它。
以防万一，这是homeModule.js：
require('./administradorComponent/administradorModule.js');
require('./definicionComponent/definicionModule.js');
var controller = require('./homeController');
var homeModule = angular.module('homeModule', [ 'administradorModule', 'definicionModule' ]);
homeModule.component('homeComponent',
{
templateUrl : 'homeComponent/home.html',
$routeConfig : [
{
path : '/administrador/...',
name : 'Administrador',
component : 'administradorComponent',
useAsDefault : true
}]
});
homeModule.controller('homeController', [ '$rootScope', '$location', '$log', controller ]);
我该怎么办，我的角度应用程序资源使用相对路径相互访问，因此我不必一遍又一遍地输入dist /？
如果您需要更多信息，请与我们联系。
templateUrl建议不要使用，而是使用html-loader来将模板构建到输出文件（即app.js）中。如果您进行了设置，则可以执行以下操作：
template: require("homeComponent/home.html") // Resolves to a string
这将使您的捆绑包花一些时间提前下载，因为所有模板也将被加载，但是您不必等待组件初始化时异步加载模板，因此它在我的组件中变得均匀了。观点。
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句