【问题标题】:How to import external javascript (which requires jquery) in reactjs如何在reactjs中导入外部javascript(需要jquery)
【发布时间】:2017-07-07 13:29:23
【问题描述】:

首先,我还是 Web 开发的新手。好的,现在进入问题。 我有这些进口:

import $ from 'jquery'; 
window.jQuery = $;
window.$ = $;
global.jQuery = $;
import './assets/js/waves';

如果我的外部 javascript 需要 jquery,我如何正确地将外部 javascript 导入到 reactjs?

因为根据这些人所说的:

reactjs, bootstrap and npm import - jQuery is not defined

Are ES6 module imports hoisted?

我的导入将被提升,这导致我的外部“./assets/js/waves”js 导致错误。

Uncaught ReferenceError: $ is not defined?

提前致谢!

【问题讨论】:

  • 这个 var $ = require('./lib/jquery.js'); 怎么样?窗口.jQuery = $;窗口.$ = $
  • require(pathtojquery) 呢?
  • import from 'pathtojquery'
  • 感谢@HemaNandagopal 和 ArslArsl。我尝试了这些,但仍然没有加载。甚至 jquery 也没有加载。我可能做错了什么?
  • 你有没有jquery插件cdn或者检查你引用的路径中是否有脚本,

标签: javascript jquery reactjs npm


【解决方案1】:
import * as jQuery from 'jquery';

那么你有一个jQuery的引用,你可以用它做你喜欢的事情,例如:

window.$ = jQuery;

【讨论】:

  • 感谢@ideaboxer,但不知何故它仍然不起作用。问题,你认为我应该把这个放在哪里?在组件中还是在父级(索引)中?
  • 一定和waves.js文件的内容有关。您能否发布(部分)其内容以便我们对其进行分析?
猜你喜欢
  • 2017-01-14
  • 1970-01-01
  • 2013-10-07
  • 2010-10-29
  • 1970-01-01
  • 1970-01-01
  • 2014-05-25
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多