我想显示一个CourseDetail组件时，用户点击一个链接使用反应路由器。但是当我将路由器添加到index.js时，主页显示为空白。如何正确添加路由器？谢谢。当index.js组件没有路由器时，下面的CourseDetail.js可以工作
ReactDOM.render(
<BrowserRouter>
<App />
</BrowserRouter>,
document.getElementById("root")
);
下面的代码在为CourseDetail.js添加路由器后显示为空白
ReactDOM.render(
浏览 3提问于2022-04-18得票数 0
我需要为当前项目编写和管理大量的JavaScript代码。
我主要根据模块将它们分成多个.js文件。
所以，现在我有一个例子：
Map.js // deal with google map issue
Common.js // common functions that will share by all modules
User.js // user module js code
Geofence.js // geofence module js code
etc.....
例如，在我的User.js文件中
如果我想声明一个仅在User.js文件内部使用的函数，而不能被外部访问，该怎么办？我
浏览 2提问于2012-05-11得票数 1
回答已采纳
1回答
我想在页面中插入一些HTML代码，我插入的代码不应该受到该页面的CSS和JS的影响，它应该加载自己的CSS和JS。
示例代码：
<div class="body">
<p>Example Content </p>
<p>Sample Content 2 </p>
<div class="special-div">
<p> No CSS and JS to be applied to this div 'special-div', it sh
浏览 3提问于2015-05-12得票数 3
回答已采纳
我正在浏览，它说封装意味着将相关的项目放在一起，但我不明白这篇文章的代表性示例: UserProfile.js。虽然这个例子是在JavaScript中的，但我希望在Java中理解这些概念。
有人能用伪代码解释我这两个问题吗？
什么是封装？
为什么我们需要用伪代码进行封装？
浏览 8提问于2011-09-01得票数 1
回答已采纳
我试图在Drupal 9中使用外部Javascript库。我得到的错误是“未定义ReferenceError: jQuery未定义”。
我的表单的php代码如下所示。
<?php
function raco_inventory_purchase_form($eid)
{
$out =
'
<script src="/core/assets/vendor/jquery/jquery.min.js"></script>
<script src="/libraries/areyousure/jqu
浏览 3提问于2020-09-28得票数 0
使用此代码将调整大小()到控制台时没有错误，并且该框将其高度调整到其宽度。
function resize() {
let box = document.getElementById("id");
let width = $("#id").width();
box.style.height = width;
}
我想自动这样做，所以我尝试在js文件的末尾添加resize();，如下所示：
function resize() {
let box = document.getElementById("id");
浏览 0提问于2020-04-25得票数 0
回答已采纳
最近，我利用模块导入/导出将一堆旧JS重写为ES2015。我要用Rollup和Babel把这个转回来。
这些库被集成到其他一些我无法控制的站点中，所以我需要谨慎使用代码，以确保我不会污染全局，不会抛出错误等等。
gulpfile.js
var rollupBabel = rollupPluginBabel({
babelrc: false,
presets: [
"babel-preset-es2015-rollup"
]
});
merged.add(rollup({
entry: './js/bnr.js',
format: &
浏览 2提问于2017-07-25得票数 2
我的页面代码是：
<!--Custom JavaScript -->
// --> This Script contains the initLoadMore function <--
<script src="/static/js/custom.min.js"></script>
<script src="/static/js/moment.min.js"></script>
<script src="/static/js/material-datetimepick
浏览 0提问于2018-05-30得票数 2
我无法使用jquery在输入元素上触发任何键事件。给定以下代码：
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<script type="text/javascript" src="./js/jquery-1.5.1.min.js"></script>
<script type="text/javascript" sr
浏览 0提问于2011-10-06得票数 0
回答已采纳
我正在使用Zap从Webhook获取信息到Salesforce中，在Webhook中的字段为空的情况下，我试图用字符"NA“替换空白字段，但一直收到以下错误：
SyntaxError:意外的标识符函数(本机)域。(/var/ Domain.run /index.js:52:23)任务(domain.js:228:14)任务(/var/ module.exports.handler /index.js:51:5)
我的代码如下：
Name.replace{次要演示者名字: inputData.Secondary Presenter Fiirst Name.replace(/ /g，
浏览 3提问于2016-10-08得票数 0
我一直在研究Laravel + Vue.js。我想在Laravel Blade模板上开发Vue组件，但当我尝试这样做时，发生了以下错误，它不能很好地工作。
*出于检查的目的，我只编写了Vue组件的最小代码。
参考下面的文章，我尝试了各种方法。
正在发生的问题和错误消息
[Vue warn]: Failed to mount component: template or render function not defined. (found in anonymous component - use the "name" option for better debugging m
浏览 2提问于2016-10-07得票数 0
如果cdn链接失败，我已经将以下代码写入Thymeleaf模板，以便从服务器加载jQuery。
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script>
window.jQuery || document.write('<script src="js/vendor/jquery-3.2.1.min.js"><\/script>');
</
浏览 3提问于2017-04-19得票数 1
回答已采纳
2回答
有人能解释一下他们说的是什么意思吗：
"HTML帮助器允许封装HTML的呈现“
这是否意味着它将限制对对象的HTML属性的访问？如果我使用CSS，jquery，Javascript，它会在页面源代码中显示我的JS/jquery和CSS吗？
浏览 0提问于2012-09-29得票数 0
回答已采纳
1回答
如何从外部文件调用函数？
、、、
我想调用另一个js文件(myscript.js)中可用的函数，但问题是我经常遇到以下错误：
ReferenceError:未定义ChangeCreditView
ChangeCreditView(‘div1 1’，数据)；
如果我错了，你有什么建议叫这样的函数？
myscript.js文件代码
$(function () {
function ChangeCreditView(elem, data) {
var groupTypes = null;
var $container = $(elem);
var groups = null;
//$.getJSON(
浏览 1提问于2013-10-30得票数 1
回答已采纳
1回答
我正在尝试将此JavaScript代码转换为JSNI代码。
脚本导入
<script src="jquery-1.11.2.min.js"></script>
<script src="jquery.typeahead.min.js"></script>
<script src="autocompletetest/autocompletetest.nocache.js"></script>
脚本
$('#q').typeahead({
minLe
浏览 2提问于2015-06-29得票数 0
我尝试使用jquery keyboard.js从文本框中获取用户输入。如果我省略了虚拟键盘代码，它可以正常工作。
网址：
我收到以下控制台错误
Uncaught TypeError: $(...).keyboard is not a function
我按照他们说的做了下面的导入，
<!-- jQuery (required) & jQuery UI + theme (optional) -->
<link href="docs/css/jquery-ui.min.css" rel="stylesheet">
<!-- st
浏览 33提问于2016-08-10得票数 4
回答已采纳
我构建google应用程序的方式是使用html文件中的所有客户端js，以及code.gs文件中的所有服务器端代码。是否有任何方法将JS与HTML分离，同时将其保存在项目中？
浏览 3提问于2021-01-15得票数 0
回答已采纳
我目前正在开发一个web应用程序，并为JavaScript配备了一个基于web的代码编辑器。该项目的范围是允许用户从应用程序的客户端执行JS代码，使用一些基于日志用户的不同的服务器端变量(用于特性测试)。客户端应用程序运行在React上，服务器端运行在NodeJS上。我遇到了三个不同的执行概念：
将代码保存到一个execution.Saving文件中，并将其发送给服务器，以便将代码转换为某种变量，并将其转换为服务器端的原始代码，然后执行它。请求服务器数据，然后在应用程序的客户端执行JS代码片段(似乎最安全，但可能性最小)。
JS代码不需要具备导入库或调用其他本地文件的能力，它的主要目的是测试和
浏览 1提问于2020-09-21得票数 1
我正在使用phantomjs测试许多页面，并试图使我的代码更干净。是否可以从其他函数或模块执行page.open并调用page.evaluate。现在：
page.open(ADDRESS, function(status) {
if (status == 'success') {
page.evaluate(function() {
return document.querySelector('.error');
...... do some mo
浏览 1提问于2013-01-31得票数 4
我正在构建一个Chrome扩展，它向当前网页选项卡的页面DOM中注入了相当数量的JavaScript、CSS和HTML。它这样做是为了展示一个带有扩展功能的modal窗口。
我不能使用background或popup脚本来完成我需要做的事情，所以我必须使用一个注入到实际页面DOM中的content脚本。
到目前为止，我的问题是我必须非常小心CSS类名和JS，并且我发现如果页面中有一个CSS类与我的任何扩展CSS的名称相匹配，那么我的扩展就会凌驾于页面CSS之上！
我已经看到，其他一些必须在内容中执行大量HTML、CSS、JS的扩展最终会注入到页面中的自己的Iframe中，这有助于防止名称冲突。
浏览 3提问于2016-03-17得票数 1
1回答
我的代码一直告诉我，我创建的对象是未定义的。
我正在加载几个JS文件，然后调用函数，但是它出错了。
错误：
未定义的TypeError:无法读取未定义的属性“setListenUrl”
下面是代码：
<script src="{{ URL::asset('javascript/chat.js') }}"></script>
<script>
$(function() {
chatbox.setListenUrl('{{ URL::route('chat.listen')
浏览 3提问于2016-01-10得票数 1
我几天前才开始使用Javascript，所以这个问题可能看起来很基础。我已经编写了一些Javascript代码来与Facebook API交互。
其目标是显示用户通过Facebook登录按钮登录时管理的所有页面。
代码看起来像它应该做的那样工作。
然而，控制台给我的错误是"FB未定义“。
我已经阅读了关于这个错误的所有其他问题，它似乎与SDK的异步加载有关，但我似乎无法解决这个问题。
为什么我仍然得到这个错误？
*EDIT 07/07/2017* Google Chrome的控制台在这部分代码的FB.getLoginStatus行显示"FB is not defined err
浏览 10提问于2017-07-07得票数 0
我有一套代码来触发带有不透明背景的粘性菜单，除了Firefox之外，它在chrome上运行得很好。我不知道会有什么问题。
$(window).scroll(function(){
if ($(window).scrollTop() >= 60) {
$('header div button').addClass('fixed-header');
$('header div button').removeClass('menu-toggle');
}
else {
浏览 6提问于2019-10-07得票数 1
回答已采纳
我有外部js脚本，例如我编写了这段代码。
$('#save').click(function () {
alert('Clicked');
});
我有按钮
<div class="form-group" style="text-align:center">
<input type="button" id="save" value="Create" style="border-radius:30px; background: #1
浏览 2提问于2018-01-29得票数 0
回答已采纳
1回答
我正在使用django开发一个博客，我已经包含了包含共享按钮的工具。我在posts详细信息页面中包括addthis按钮。我需要让facebook的股票数到当前的博客帖子中。我正在使用这些，但是我在控制台中得到了这个错误: ReferenceError: addthis未定义。
addthis代码是远程加载的，我认为我的js没有运行，因为它在addthis脚本加载完成之前运行。我怎么才能修好它？
{% block js %}
<script type="text/javascript"src="//s7.addthis.com/js/300/addthis_widg
浏览 2提问于2015-12-01得票数 0
回答已采纳
1回答
我仍然从复制了精确的代码，但是在浏览器的控制台中看到了错误
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(
浏览 3提问于2017-03-25得票数 0
回答已采纳
使用SDK 2.0。
我需要帮助找出一种在WsapiDataStore的'filters:‘配置选项中使用函数的方法。当我在下面的代码中运行时，我得到了错误。如果我删除了“filters：”选项，没有错误。
我需要使用一个函数，因为我必须检查一个或另一个条件。
有谁知道怎么让它工作吗？
谢谢!
Ext.define('CustomApp', {
extend: 'Rally.app.App',
componentCls: 'app',
launch: function() {
var fe
浏览 0提问于2013-02-16得票数 0
1回答
我刚刚开始研究Javascript必须提供的所有花哨的东西，主要是Webkit。我有一个相当大的应用程序，它使用了显示模块模式。这些模块调用其他模块的公共函数进行计算并返回结果。
在我开始考虑在我的html页面中包含几十个脚本之前，使用这种模式是很好的。所以我们到了..。
为了问题的目的，我提出了一个简单得多的申请，以说明我出了什么问题。
我在它们自己的文件中包含了两个javascript模块：
// one.js
require("babel-loader?two!./two.js");
var one = (function(){
two.sayHello();
浏览 3提问于2017-09-12得票数 1
回答已采纳
1回答
我正试着从头上的一个按钮打开抽屉。我将导航道具从StackNavigator组件向下传递到Header.js组件。它正确地呈现，并且屏幕本身没有错误。当我在TouchableOpacity中单击Header.js时，它会抛出这个错误。在这种情况下，我无法理解为什么导航将是未定义的。
任何帮助都将不胜感激。
下面是我使用的代码。它有3个文件- Main.js，StackNavigator.js和Header.js
##StackNavigator.js
import React from 'react'
import { createStackNavigator } from
浏览 0提问于2020-05-16得票数 0
我试着从Java中读取/dev/input/js0，但是我一直在读
java.io.IOException: Invalid argument
at java.io.FileInputStream.read0(Native Method)
at java.io.FileInputStream.read(FileInputStream.java:207)
at Test.main(Test.java:7)
我的代码是
import java.io.*;
final class Test {
public static final void main(String[] args) {
浏览 1提问于2016-09-08得票数 4
回答已采纳
2回答
在我的代码里
FB.api('/me/friends', function(response) {
if(response.data) {
//TODO : what to do if no. of friends is more than 5000 (pagination by fb)
friends_data=response.data;
dijit.registry.byId("mainWidget_div").set_friends_d
浏览 2提问于2013-04-04得票数 7
1回答
我已经创建了一个基于火呼吸框架的浏览器插件。现在，我希望将插件加载到Node.js中，并使javascript代码与插件进行通信。我的草稿想法是创建一个Node.js C++外接程序来包装插件。Node.js加载加载项.外接程序加载插件。javascript代码和插件代码之间的函数调用是通过外接程序进行的。
在前进之前，我想先咨询一下专家。有没有人有经验让node.js脚本与防火墙插件进行通信？我的主意有可能吗？请分享更多细节。
谢谢，杰弗里
浏览 3提问于2013-08-03得票数 1
回答已采纳
摘要
我有一个巨大的JS文件，它具有旧的函数和变量定义:它将所有东西都放到全局范围内。我希望能够在“命名空间”中“导入”该文件，以便全局范围保持良好和干净。
详细信息
“巨型文件”是由Apache的WSDL2JS工具生成的Web客户端。它将数百个函数和变量放到全局范围内，有一个小的。我希望继续使用该工具，但将生成的JS保留在某种名称空间或单独的作用域中。是否可以使用一些工具或最低限度的人工干预？
示例
这是封装在自调用函数中的来自WSDL2JS的代码，实际上不起作用。可以在上进行测试和编辑
var testModule = (function(){
//here starts the ge
浏览 1提问于2014-09-24得票数 1
回答已采纳
我正在为移动应用开发开发Cordova和Angular，但是我在CSS类上遇到了困难，它没有按预期显示。
1) style.css文件中的CSS代码：
.nav .active {
border-top: 3px solid #11a7ab; }
2) JS控制器代码NavCtrl.js (我有两个选项卡HOME和大约)，这里我初始化home选项卡：
function NavCtrl($scope){
$scope.menu = 'home';
}
3) html代码如下：
<!DOCTYPE html>
<html ng-app=&#
浏览 1提问于2017-07-21得票数 0
回答已采纳
我有两个变体的代码：
第一(申报为舱位)：
export default class COMPONENT_NAME extends React.Component{
constructor(props){
super(props);
this.props = props;
}
....
render = () => <div className="clName"></div>
}
第二(声明为匿名函数)：
export default (props) => <div className=&
浏览 0提问于2016-07-12得票数 0
回答已采纳
我在Scrimba上做了一个教程(它是一个带有浏览器内IDE的网站)，它把这段代码作为练习之一。在那种环境下效果很好。但是当我将它导入VS代码并使用"npm“运行它时，我注意到我的复选框"onChange”事件会触发两次。这导致它们无法工作，因为它们本质上切换到它们开始时的值。
在此之后，您将看到来自该项目的两个文件的代码。App.js是定义handleChange()函数的地方。然后将其作为支柱发送到TodoItem.js功能组件。每当有人单击复选框时，该组件将运行此函数。但出于某种原因，它连续运行了两次。我也尝试过使用onClick，同样的情况也发生了。
App.js
im
浏览 0提问于2020-07-10得票数 1
回答已采纳
我正在尝试让"popover“为Bootstrap工作。我相信我的代码是正确的，但我对javascript部分不太确定。下面是我的头中包含的内容-导入javascripts -以及我的标记的外观。谢谢你的帮助!
<script src="http://code.jquery.com/jquery-latest.js"></script>
<script src="js/bootstrap.js" type="text/javascript"></script>
<script
浏览 0提问于2013-03-21得票数 1
回答已采纳
1回答
是否有人知道是否可以将跟踪代码添加到哈勃黑子形式的提交按钮中？我尝试使用onFormSubmit属性添加跟踪代码，但提交按钮单击后没有得到任何跟踪结果。也许我的代码格式不正确。？我已经把我的代码写在下面供参考了。出于安全原因，我删除了门户和表单I。
谢谢!
<!--[if lte IE 8]>
<script charset="utf-8" type="text/javascript" src="//js.hsforms.net/forms/v2-legacy.js"></script>
<![endif
浏览 3提问于2015-12-14得票数 1
回答已采纳
2回答
我正在尝试加载一个依赖于该函数的变量的函数内的脚本。基本上，代码是这样的
head.js("somescript.js", function() {
var dependentVar = //stuff;
//insert script here which depends on dependentVar
});
这是可能的吗?或者有人知道我如何做到这一点？我需要这样做是因为dependentVar包含C#代码？
浏览 3提问于2011-06-24得票数 0
回答已采纳
1回答
我希望能够在我的网页上运行JavaScript，并保证它可以在不引起问题的情况下被干净地停止。您可以将其视为运行JavaScript，就好像它包含在iFrame中一样，但允许它修改和与根DOM交互。这样，如果我移除iFrame，JS就会死掉。
用例/理由
我想把任何网页变成奇怪的变种人SPA。这意味着采用传统的HTML、CSS和JavaScript，然后自己处理页面切换。为了更好地切换页面，避免以前执行的JS中的工件，我需要确保一个页面的JS不与下一页的JS交互。理想情况下，要切换一个页面，它应该遵循以下一般公式：
使用像Ember.js这样的框架加载HTML和CSS
在包含的环境中加
浏览 3提问于2015-10-20得票数 2
我正在为我写的一个简单的JS todo应用程序尝试不同的存储机制。这一次我使用的是本地存储。我的主app.js文件是从本地存储.js文件中提取一些数据。这就是问题所在，我可以很好地console.log返回的数据，但我不能使用.val()或.html()将值添加到dom中，除非它包装在setTimeout()中？为什么？当然，如果数据可用于console.log，那么它也可用于.val()？
代码如下：
local-storage.js
this.findById = function(id, callback) {
var todos = JSON.parse(window.loca
浏览 0提问于2013-11-22得票数 0
当我在我的反应项目上工作时，我会收到这个警告：
警告:不能在呈现不同组件(Login)时更新组件(BrowserRouter)。在setState中定位坏的Login ()调用
我的守则：
Index.js
import React from 'react';
import ReactDOM from 'react-dom/client';
import './index.css';
import App from './App';
import reportWebVitals from './reportWebVita
浏览 4提问于2022-05-07得票数 1
1回答
我刚开始使用Jasmine进行测试，并且在为我在AngularJS应用程序中编写的服务编写测试时遇到了一个问题。
这是我的测试代码：
describe('AccountCtrl', function () {
beforeEach(module('zamolxian.my_account'));
var mockCountryService = {
//console:log("hello")
//countryList: {"name": "Zimbabwe
浏览 3提问于2014-03-26得票数 0
回答已采纳
我试着用这个做我的前端，但是当我试图点击“注册”按钮时，它不会更改为代码位于index.js文件中的注册表单，我已经在login.html.erb中包含了hte index.js文件，但是当我运行rails服务器时，转换是不工作的。，这里是index.js中的javascript代码
document.querySelector('.img__btn').addEventListener('click', function() {
document.querySelector('.cont').classList.toggle('s--s
浏览 2提问于2017-07-03得票数 0
回答已采纳
我为在登录页面上验证凭据而编写的代码是：
describe('Login',function() {
var loginURL;
var email=element(by.id("email"));
var password=element(by.id("password"));
var LoginButton=element(by.buttonText("Sign in"));
});
it('should redirect to login page',function() {
browser.get(&#
浏览 1提问于2014-11-10得票数 10
我在JavaScript (JQuery)中有一段代码：
$("<a />").html("?").attr({
href: "javascript:void();",
class: "CorrentTooltip",
title: "Explain!"
});
转义保留字class的替代方法是什么？
ps.：选项class由于与关键字class冲突，导致我的IDE (Visual )中的Javascript陷入混乱。因此，JS Parser说在这一点之后有很多语法错误。我不能折
浏览 6提问于2013-11-26得票数 5
回答已采纳
我正在尝试使用AWS SDK for JS在web worker中执行多部分上传。发起createMultipartUpload时，可以在接口调用中看到未完成分块上传的uploadID。但是createMultipartUpload没有返回上传ID。我们可以在web worker上使用AWS SDK for JS吗？如果是这样，我是不是做错了什么？ 代码： a=s3.createMultipartUpload(params, function (err, data) {
//Execution doesn't reach here
console.
浏览 15提问于2021-01-25得票数 1
<a href="#" onclick="parent.test()">Test Method</a>
这在0.5.9中起作用。在0.6.1中失败，并出现错误"caught : Object object global has no method 'test'“。test()是在客户端文件夹的.js文件中定义的。在0.6.1中，.js文件中的所有代码似乎都被包装到一个匿名函数中。解决方法是什么？
浏览 0提问于2013-04-17得票数 0
我希望看到我的非反应组件类在我的铬控制台。
class Developer {
constructor(firstName, lastName) {
this.firstName = firstName;
this.lastName = lastName;
}
getName() {
return this.firstName + ' ' + this.lastName;
}
}
let x = new Developer('Bob', 'Russ');
console.log
浏览 0提问于2020-02-29得票数 0
回答已采纳
我已经用AngularJS和一些基于引导的额外工具开发了一个应用程序。现在我想测试所有的东西。但我对卡玛和茉莉有意见。问题是当我启动测试时业力创造了一个例外..。
例外是一个TypError，对象不是一个方法(对不起，它是法语在我的控制台上)
这是我的karma.conf.js：
module.exports = function(config) {
config.set({
basePath: '',
frameworks: ['jasmine'],
files: [
'src/test/lib/angular/angular.js'
浏览 1提问于2014-08-27得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
