在Webpack 2中加载ProvidePlugin的jQuery在路由更改后无法工作

  • Z时代
  • 2024-01-10
  • 分类：问答

我在Angular4中工作，我正在使用Webpack安装程序构建应用程序。我想在我的项目中使用jQuery，所以我搜索了它并发现了Webpack提供给全局加载模块的ProviderPlugin。在Webpack 2中加载ProvidePlugin的jQuery在路由更改后无法工作

但是，我面临的问题有点奇怪，当页面加载页面时第一次工作正常，所有与jQuery相关的代码都可以正常工作，但是当我更改页面或路由时，jQuery失去了它的功能，因此页面无法按预期工作。难道我失去了一些东西，我用插件的代码是标准

new webpack.ProvidePlugin({ $: 'jquery', jQuery: 'jquery' })

我要寻找其他的解决方案，以及，如果有其他方法可以做到，那么请注明这将是一个很大的帮助。

非常感谢。

回答：

你也可以使用HtmlWebpackPlugin来创建你的html页面。并设置注入：true。因为你问题可能是当你试图访问另一个页面时，jquery没有被声明，所以你需要一个具有jQuery的主模板页面，并从这个模板创建下一个html页面。示例波纹管：

new HtmlWebpackPlugin({ 
    filename: 'index.html', 
    template: 'index.html', 
    inject: true 
})

所以在npm下载软件包，配置，安装然后设置。

您也可以编辑你的jQuery插入此：

new webpack.ProvidePlugin({ 
    $: 'jquery', 
    jquery: 'jquery', 
    'window.jQuery': 'jquery', 
    jQuery: 'jquery' 
})

以上是 在Webpack 2中加载ProvidePlugin的jQuery在路由更改后无法工作 的全部内容， 来源链接： utcz.com/qa/263780.html

回到顶部