Angular 2 Web Pack 404 Html模板URL

发布时间：2020-12-17 17:50:49 所属栏目：安全来源：网络整理

导读：我正在使用Angular2 RC4版本和webpack dev服务器.我无法成功加载我的应用程序.在浏览器控制台上,它会抛出404并且无法使用webpack加载AppComponent模板文件.如果我使用lite-server,这是有效的 app.component.ts片段 @Component({ moduleId:module.id,selector

我正在使用Angular2 RC4版本和webpack dev服务器.我无法成功加载我的应用程序.在浏览器控制台上,它会抛出404并且无法使用webpack加载AppComponent模板文件.如果我使用lite-server,这是有效的

app.component.ts片段

@Component({
    moduleId:module.id,selector: 'body',templateUrl: 'app.component.html',})

webpack.config.js片段

module:{
       loaders:[
            {test:/.ts$/,loader:'ts',exclude: /node_modules/},{test:/.html$/,loader:'html' },],},

错误
browser_adapter.js？0526：84错误：未捕获(在承诺中)：无法加载/app.component.html

解决方法

在Angular2 webpack的情况下,

使用这样的模板 –

template: require('./app.component.html'),styles: [require('./app.component.css')]

代替

templateUrl: './app.component.html',styleUrls: ['./app.component.css']

看看这是否有帮助.

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!