相关疑难解决方法(0)

webpack无法解析'jquery'

嗨,我是Webpack的新手,目前我正在将这个工具添加到我的项目中,在捆绑(webpack ...)jquery依赖库时我收到类似的错误:

错误:无法解析'C:\ some_folder'中的'jquery'

我浏览了互联网上的类似帖子,没有任何积极影响.人们建议使用不同的方法,如: - resolve.alias - plugins ProvidePlugin

我使用webpack 3.3.0,在我的项目中,jQuery是在供应商捆绑脚本之前通过脚本标签以正常方式加载的.包括jQuery在内的大多数供应商库都不在node_modules文件夹中.

webpack.config.js:

const webpack = require('webpack');
const { resolve } = require('path');

module.exports = env => {
    return {
        context: resolve('src'),
        entry: {
            comp: './start.comp.js',
            culture: './start.culture.js',
            strategy: './start.strategy.js',
            vendors: './start.vendors.js'
        },
        output: {
            path: resolve('dist'),
            publicPath: '/dist/',
            filename: 'bundle.[name].js'
        },
        devtool: env.dev ? 'eval' : 'source-map'
    };
};
Run Code Online (Sandbox Code Playgroud)

最后一个条目jquery.placeholder.min.js是个问题

require('./../assets/vendor/typeahead.js');
require('./../assets/vendor/hogan-2.0.0.js');
require('./../assets/vendor/swfobject.js');
require('expose-loader?_!./../assets/vendor/underscore-min.js');
require('expose-loader?FastClick!./../assets/vendor/fastclick.js');
require('expose-loader?AOS!./../assets/vendor/aos.js');
require('./../assets/vendor/jquery.placeholder.min.js');
Run Code Online (Sandbox Code Playgroud)

jquery webpack

6
推荐指数
1
解决办法
7932
查看次数

通过webpack错误导入jquery - 找不到模块:无法解析jquery

我是打字稿的新手,并试图通过在线示例和入门教程来学习它,我正在关注https://www.codingforentrepreneurs.com/blog/typescript-setup-guide/的教程, 除了当我工作正常我试图导入jquery并尝试在我的typescript文件中使用它,它开始给出找不到模块的错误.以下是我正在运行的代码块:

我的main.ts文件是

import * as $ from 'jquery'
import {MustHaveCoffee} from './getcoffee'
class SweetSweetClass{
    constructor(){
        console.log("Even sweeter");
        $('body').css('background-color', 'red');//here error occures
    }
}
let basil = new SweetSweetClass();
let coffee = new MustHaveCoffee();
Run Code Online (Sandbox Code Playgroud)

webpack.config.js文件是

var path = require('path');
module.exports = {
    entry: './main.ts',
    resolve: {
        extensions: ['.webpack.js', '.web.js', '.ts', '.js']
    },
    module:{
        loaders: [
            { test:/\.ts$/, loader: 'ts-loader' }
        ]
    },
    output:{
        filename: 'bundle.js',
        path: path.resolve(__dirname, 'dist')
    }
}
Run Code Online (Sandbox Code Playgroud)

我的tsconfig.json文件是

{
    "compilerOptions":{
        "module":"commonjs",
        "outDir":"dist/",
        "noImplicitAny":true,
        "removeComments":true,
        "preserveConstEnums":true …
Run Code Online (Sandbox Code Playgroud)

javascript jquery webpack typescript-typings

2
推荐指数
1
解决办法
7063
查看次数

标签 统计

jquery ×2

webpack ×2

javascript ×1

typescript-typings ×1