webpack html-loaders小写angular 2内置指令

Question

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?$' }
      ]

    /*   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>Menu][routerlink]=r.routerlink[routerlinkactive]=”['active']“>{{r.text}}”）:t@0:359无法绑定到“routerlinkactive”，因为它不是“a”的已知属性。（“项ui红色”*ngfor=“让r个路由”>][routerlinkactive]=“['active']”>{{r.text}}主菜单]*ngfor=“让r个路由”>主菜单[ERROR->]]*ngif=bolwidthless1000>

]*ngfor=“let r of routes”class=“item mainmenu”[routerlink]=r.routerlink>“）:t@0:540属性绑定ngforOf未被嵌入模板上的任何指令使用。请确保属性名称拼写正确，所有指令都列出在”指令“部分。（”>[ERROR->]{{r.text}}]*ngif=！bolwidthless1000>“）:t@0:512属性绑定ngif未被嵌入模板上的任何指令使用。请确保属性名称拼写正确，所有指令都列出在”指令“部分。（”}[错误->]

Answer 1

在loader查询中将最小化参数设置为false，如下所示。

{test://.html$/,loader:'html？minimize=false‘}

或