jQuery.validator Webpack 2和打字稿

Question

I'm trying to set up the scripts of my project with webpack 2.

Currently my files are compiling but I have an issue with jQuery-validation

I have this error when I try to generate my file :

ERROR in ./wwwroot/scripts/ts/core.ts (18,20): error TS2339: Property 'validator' does not exist on type 'JQueryStatic'.

Here is my import in core.ts :

import jQuery = require("jquery");
import "jquery-validation"

And my webpack config :

'use strict';

var webpack = require('webpack');
var path = require('path');

module.exports = {
    cache: true,
    entry: {
        main: './wwwroot/scripts/ts/public/index.ts'
    },
    output: {
        path: path.resolve(__dirname, './wwwroot/scripts/js'),
        filename: '[name].js',
    },
    plugins: [
        new webpack.ProvidePlugin({
            jQuery: 'jquery',
            $: 'jquery',
            jquery: 'jquery'
        })
    ],
    module: {
        loaders: [{
            test: /\.ts$/,
            exclude: /node_modules/,
            loader: 'ts-loader'
        }, {
            test: /\.js$/,
            exclude: /node_modules/,

        }]

    },
    resolve: {
        extensions: ['.ts', '.tsx', '.js']

    }
};

I already found a lot of thing with Google, but any solution works for me, so if anyone have an idea...

Answer 1

您必须安装jquery-validation ：

npm install --save-dev @types/jquery.validation