javascript - 使用 Webpack 2 中的 ProvidePlugin 加载的 jQuery 在路由更改后不起作用

Question

我在 Angular4 中工作，我正在使用 Webpack 设置来构建应用程序。我想在我的项目中使用 jQuery，所以我用谷歌搜索它并找到了ProviderPluginWebpack 提供的用于全局加载模块的内容。

但是，我面临的问题有点奇怪；第一次加载页面时，页面工作正常，与 jQuery 关联的所有代码都工作正常，但是当我更改页面或路由时，jQuery 失去其功能，后续页面无法按预期工作。我错过了什么吗，我用于插件的代码是标准的

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

我也在寻找其他解决方案，如果还有其他方法可以做，请提及这将是一个很大的帮助。

太感谢了。

score 0 · Accepted Answer

你也可以使用 HtmlWebpackPlugin 来创建你的 html 页面。并设置注入：真。因为您的问题可能是当您尝试访问未声明 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'
})

1 回答 1