Я использую html-загрузчик, чтобы загрузить мой HTML-шаблон и файл-загрузчик, чтобы загрузить мои изображения, которые находятся в шаблоне. Это отлично работает в dev, но когда я запускаю build: prod и запускаю вывод, я получаю ошибку разбора шаблона.

Похоже, что все встроенные директивы angular2 (например, * ngFor, * ngIf) преобразуются во все строчные буквы (например, * ngfor, * ngif), что приводит к ошибке.

Я попытался создать отдельный проект и на этот раз, не используя никаких встроенных директив из angular 2, все работает отлично.

Есть ли другой загрузчик, который я могу использовать? Как правильно загрузить эти шаблоны вместе с изображениями, используемыми этими шаблонами?

вот мой webpack.config

var webpack = require('webpack');
var HtmlWebPackPlugin = require('html-webpack-plugin');
var path = require('path');

module.exports = {
    entry:'./src/main.ts',

    output:{
        path:'./dist',
        filename:'app.bundle.js'
    },
    module:{
        loaders:[{test:/\.ts$/, loader:'ts-loader'},
        { test: /\.css$/, loaders: ['to-string-loader', 'css-loader'] },
      { test: /\.html$/, loader: 'html-loader' },
      {test: /\.(jpe?g|png|gif|svg)$/i, loader: "file-loader"},
      //{ test: /\.html$/, loader: 'raw-loader' },
      //{ test: require.resolve('jquery'), loader: 'expose?jQuery!expose?
И ниже ошибка разбора, которую я получаю.
Ошибка: ошибки синтаксического анализа шаблона: невозможно связать с «routerlink», поскольку оно не является известным свойством «a». ("r> Меню] [routerlink] = r.routerLink [routerlinkactive] =" ['active'] "> {{r.text}}"): t @ 0: 359 Невозможно выполнить привязку к routerlinkactive, так как не является известным свойством «а». ("" item ui red "* ngfor =" let r of route ">] [routerlinkactive] =" ['active'] "> {{r.text}} Главное меню] * ngfor =" let r of route "> Главное меню [ОШИБКА ->]] * ngif = bolWidthLess1000>
[ОШИБКА ->]] [routerlink] = r.routerLink>] [routerlink] = r.routerLink [routerlinkactive] = "['active']"> {{r.text}}] [routerlinkactive] = "['active '] "> {{r.text}}"): t @ 0: 674 Невозможно связать с' ngforOf ', поскольку оно не является известным свойством' a '. ("/ div>
] * ngfor = "let r of route" class = "item mainmenu" [routerlink] = r.routerLink> "): t @ 0: 540 Привязка свойства ngforOf не используется никакими директивами во встроенном шаблоне. Убедитесь, что свойство имя написано правильно, и все директивы перечислены в разделе «директивы». ("> [ERROR ->] {{r.text}}] * ngif =! bolWidthLess1000>"): t @ 0: 512 Привязка свойства ngif not используется любой директивой во встроенном шаблоне. Убедитесь, что имя свойства написано правильно и все директивы перечислены в разделе «директивы». («routerlink] = r.routerLink [routerlinkactive] =" ['active'] "> {{r.text}} [ОШИБКА ->]
 }
      ]

    /*   loaders: [
      // .ts files for TypeScript
      { test: /\.ts$/, loaders: ['awesome-typescript-loader', 'angular2-template-loader'] },
      { test: /\.css$/, loaders: ['to-string-loader', 'css-loader'] },
      { test: /\.html$/, loader: 'raw-loader' }
    ]*/
    },
    resolve:{
        root: [ path.join(__dirname, 'src') ], //add this for dev server
        extensions:['','.js','.ts']
    },
    plugins:[

        //inject all the files above into this file
        new HtmlWebPackPlugin({
            template: './src/index.html'
        }),
        new webpack.ProvidePlugin({
            jQuery: 'jquery',
                $: 'jquery',
                jquery: 'jquery'
        })

    ]


}

И ниже ошибка разбора, которую я получаю.

Ошибка: ошибки синтаксического анализа шаблона: невозможно связать с «routerlink», поскольку оно не является известным свойством «a». ("r> Меню] [routerlink] = r.routerLink [routerlinkactive] =" ['active'] "> {{r.text}}"): t @ 0: 359 Невозможно выполнить привязку к routerlinkactive, так как не является известным свойством «а». ("" item ui red "* ngfor =" let r of route ">] [routerlinkactive] =" ['active'] "> {{r.text}} Главное меню] * ngfor =" let r of route "> Главное меню [ОШИБКА ->]] * ngif = bolWidthLess1000>

[ОШИБКА ->]] [routerlink] = r.routerLink>] [routerlink] = r.routerLink [routerlinkactive] = "['active']"> {{r.text}}] [routerlinkactive] = "['active '] "> {{r.text}}"): t @ 0: 674 Невозможно связать с' ngforOf ', поскольку оно не является известным свойством' a '. ("/ div>

] * ngfor = "let r of route" class = "item mainmenu" [routerlink] = r.routerLink> "): t @ 0: 540 Привязка свойства ngforOf не используется никакими директивами во встроенном шаблоне. Убедитесь, что свойство имя написано правильно, и все директивы перечислены в разделе «директивы». ("> [ERROR ->] {{r.text}}] * ngif =! bolWidthLess1000>"): t @ 0: 512 Привязка свойства ngif not используется любой директивой во встроенном шаблоне. Убедитесь, что имя свойства написано правильно и все директивы перечислены в разделе «директивы». («routerlink] = r.routerLink [routerlinkactive] =" ['active'] "> {{r.text}} [ОШИБКА ->]