index.html不会在chrome浏览器中显示main.js代码
index.html不会在Chrome浏览器中显示main.js代码的原因可能是由于以下几个方面：
- 文件路径错误：请确保index.html文件中引用main.js的路径是正确的。可以使用相对路径或绝对路径来引用main.js文件。相对路径是相对于index.html文件的位置而言的，而绝对路径是从根目录开始的完整路径。
- main.js文件不存在：请确认main.js文件是否存在于与index.html文件相同的目录中。如果文件不存在或者文件名拼写错误，浏览器将无法找到并加载main.js文件。
- 脚本标签错误：请检查index.html文件中引用main.js的脚本标签是否正确。确保脚本标签的src属性指向main.js文件的正确路径，并且标签闭合正确。
- JavaScript语法错误：如果main.js文件中存在JavaScript语法错误，浏览器将无法正确解析和执行该文件。可以使用浏览器的开发者工具（按F12键打开）查看控制台输出，以查找并修复可能存在的语法错误。
- 缓存问题：浏览器可能会缓存index.html和main.js文件，导致更新后的代码无法立即生效。可以尝试清除浏览器缓存或使用无缓存模式重新加载页面。
总结： 如果index.html不会在Chrome浏览器中显示main.js代码，可以检查文件路径、文件是否存在、脚本标签是否正确、JavaScript语法错误以及缓存问题等方面。如果问题仍然存在，可以尝试使用其他浏览器进行测试，或者检查其他可能导致该问题的因素。
相关·内容
1回答
我创建了Google扩展程序。但不能在菜单栏的上方显示。下面的代码工作完美，但我只是想显示我的扩展图标在上面的网址标签旁边。如果有人知道就帮帮我？我想启动比每次我必须在铬://扩展/
manifest.json
{
"manifest_version": 2,
"name": "Hello World",
"version": "2.1",
"minimum_chrome_version": "23",
"icons":
浏览 3提问于2015-02-20得票数 1
回答已采纳
1回答
错误: Web3未定义
、、、、
我正在尝试构建一个浏览器UI，以与部署在本地Ganache块链上的可靠智能契约进行交互。但我似乎无法将我的index.html文件连接到Metamask。当我在Chrome中打开我的index.html时，我一直收到这个错误：
main.js:5 Uncaught ReferenceError: Web3 is not defined
at main.js:5
(anonymous) @ main.js:5
Github回购：https://github.com/Lennardmulder/Mannencoin
我在这里错过了什么？
浏览 0提问于2020-03-04得票数 1
index.html
<script src="main.js" type="module"></script>
sayHi.js
function sayHi(user) {
alert(`Hello, ${user}!`);
}
export {sayHi}; // a list of exported variables
main.js
import {sayHi} from './say.js';
sayHi('John'); // Hello, John!
PS C:\Users\Ro
浏览 0提问于2020-04-01得票数 0
嗨，我在堆栈溢出上找到了其他类似的问题，但是没有一个问题解决了这个问题。
我希望我的铬扩展/应用程序在一个完整的选项卡中打开，比如如何打开邮递员分机。
我的manifest.json
{
"name": "Sample App",
"manifest_version": 2,
"version": "0.0.1",
"app": {
"background": {
"scripts": ["main.js"]
}
},
"ico
浏览 3提问于2013-09-05得票数 0
回答已采纳
3回答
我试图使用本地服务器在火狐中运行ES6 JavaScript。因此，我需要使用"module"类型的脚本标记，而不是"text/javascript"。以下内容适用于Chrome，但不适用于Firefox。帮助?
index.html
<!DOCTYPE html>
<html>
<head>
<script type="module" src="main.js"></script>
</head>
<body>
</body>
<
浏览 0提问于2018-03-24得票数 0
3回答
我在我的index.html文件中编写了以下代码：
<!DOCTYPE html>
<html>
<head>
<title>Canvas Test</title>
<script src="js/main.js"></script>
<link rel="stylesheet" href="css/style.css">
</head>
<body onload="initialise();loadC
浏览 8提问于2014-03-09得票数 0
回答已采纳
我遇到了一个大问题，因为我们的角应用程序运行良好。
角9.1
KeyCloak
和服务人员
在Safari，Chrome和Firefox上。但在边缘上，页面仍为空白。当我进入私有浏览器模式时，它工作得很好，我假设它会忽略服务工作人员。
它首先显示工作的KeyCloak登录页面。但登录后它仍然是空白的。控制台中没有错误。如果我禁用angular.json中的配置以
...
"serviceWorker": false,
...
真的很好用。您是否对解决此问题的额外配置或步骤有任何提示？妇女协会有以下版本：
"@angular/pwa":
浏览 4提问于2020-04-02得票数 1
回答已采纳
1回答
从所有路径服务相同资源的节点
、、、、
我使用React BrowserHistory进行导航。无论URL路径如何，我都希望从我的节点服务器上提供相同的文件。
我的服务器代码：
const http = require('http');
const path = require('path');
const express = require('express');
const app = express();
const hostname = 'localhost';
app.use(express.static('../public'));
ap
浏览 1提问于2017-03-24得票数 0
我有一个处理按键的main.js。我有一个index.html，我想从main.js接收一些变量，并做出决定。例如，我想从main.js向index.html发送一个url。我在我的main.js中尝试了这段代码，但没有成功。
document.getElementById("url").value = "http://example.com";
在我的index.html中，我有：
<form name="Params">
<input id="url" type="hidden" value=
浏览 0提问于2012-08-16得票数 0
我使用watchify/ browserify使用以下命令创建带有调试源映射的包-
watchify main.js -o bundle.js -v -d
当我使用Chrome DevTools调试得到的应用程序时，源文件可以在它们自己嵌套的文件夹位置中访问，在DevTools的源代码面板中可以看到。
不过，当我用这个命令执行reactify时-
watchify main.js -t reactify -o bundle.js -v -d
Chrome DevTools显示与bundle.js相同文件夹中的所有源文件，文件名包括完整的本地路径名。
我发现这很烦人，很难在
浏览 2提问于2015-05-14得票数 2
回答已采纳
1回答
我对chrome应用程序编程和stackoverflow是个新手。
我有一个简单的chrome应用程序，在其中我想要嵌入多个网站到单独的网页视图，自动缩放取决于用户有多大的应用程序窗口，但也保持每个web视图的比例。这是这样的，无论屏幕大小如何，应用程序都会在所有内容显示上显示。
我可以用下面的代码让它为一个网页视图工作，但是我不知道如何嵌入一个以上的网站。
该图显示了我的理想场景。理想化：
manifest.json { "name"："Hello World!"，"description"：“我的第一个Chrome应用。”，"v
浏览 11提问于2017-03-01得票数 0
回答已采纳
const fs = require('fs');
fs.readFile('analogData.txt', 'utf8', (err, data) => {
if (err){
console.log(err);
}
else console.log(data);
});
我正在尝试读取一个文本文件，并使用javascript将fs读取的数据显示到HTML标记中
我正在使用browserify，以便浏览器能够理解该模式模块代码。
browserify main.js > bundle.js
浏览 0提问于2021-04-17得票数 0
2回答
我正在开发简单的Chrome打包应用程序。我是铬应用程序开发的新手，我在运行应用程序时出错了。
错误信息是："chrome-extension://ckikacajammagdadocdkmcoecilafkgl/index.html"；无法打开指向target="_blank".的相同窗口链接。
索引HTML：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>My first Chrome App&
浏览 5提问于2013-09-15得票数 3
回答已采纳
2回答
我想在app目录中导出/导入本地文件：
我的index.html
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<script src="https://unpkg.com/babel-standalone@6.15.0/babel.min.js"></script>
</head>
<body>
<script type="text/babel" src="ma
浏览 7提问于2017-08-27得票数 5
回答已采纳
下面是我使用值myName在main.js中创建的vue对象 import Vue from "vue";
const vm = Vue.createApp({
data () {
return {
myName: 'su'
}
}
});
vm.mount('#app'); 我想在index.html中显示“su” 下面是html代码 <!DOCTYPE html>
<html lang="">
<head>
浏览 19提问于2021-04-11得票数 0
1回答
我正在尝试从一个单独的.js文件导入一个函数。当我声明import命令时，页面并没有执行代码。但是当我删除import命令并执行一个简单的警告(‘Hello’)时，那个东西就会在页面上弹出来。
项目结构
--Todo-app
-js
-Two.js
-main.js
-index.html
Index.html
<!DOCTYPE html>
<html>
<head>
<title></title>
</head>
<body>
<script src="js/main.js&#
浏览 3提问于2017-01-15得票数 11
回答已采纳
我有一个有11个碎片的模型。出于某种原因，当Chrome必须执行6个以上的XHR请求时，它无法加载它。Safari把它们都装上了，没有问题。
当我将model.json编辑为时，只包含6个碎片，模型就会加载。但当然，没有所有的权重，不能真正构建模型。
当然，当脚本没有足够的权重时，脚本就会失败.
加载模型的javascript代码：
// index.html
<script src="https://cdn.jsdelivr.net/npm/@tensorflow/tfjs@2.0.0/dist/tf.min.js"></script&g
浏览 5提问于2020-06-07得票数 0
1回答
我对这个令人困惑的标题表示歉意，但我对此完全感到困惑，我认为这与Express如何服务静态文件有关，但不能确定。
我正在创建一个简单的Vue应用程序，由Express静态地提供。
服务器/app.js(入口点)
import express from "express";
import morgan from "morgan";
import path from "path";
import bodyParser from "body-parser";
const app = express();
// Sends stati
浏览 2提问于2018-05-03得票数 1
回答已采纳
我试图让在保存更改后自动重新加载代码。
我已经在全球范围内安装了实时服务器，并创建了一个文件夹test并在其中放置了3个文件
mkdir test
cd test
touch index.html main.js .live-server.json
live-server
这是index.html的内容
<script src='main.js'></script>
这是main.js的内容
console.log('hi');
我在我的铬dev控制台上得到了“嗨”。
当我更改代码时，我得到了
检测到的更改/用户/ubuntu/dev/
浏览 1提问于2022-02-08得票数 2
回答已采纳
我有一个带有nginx的webapp (在docker容器:webserver_nginx_1中)，我正在尝试配置它。
.html代码结构：
admin_view_groups.html展开layout.html (通过jinja2)
admin_view_groups.html，通过layout.html加载main.js
我期望基于nginx.conf中的"location ~ /V1“块进行以下映射：
/V1/js/mlj/main.js -> /usr/src/app/web/V1/js/mlj/main.js
# the file exists with
浏览 2提问于2021-01-10得票数 1
回答已采纳
这是我目前的项目结构：
main.js
index.html
download.html
src/index.js
src/style.css
main.js将创建一个BrowserWindow并加载index.html，这将加载index.js和style.css。
我想创建一个新的模式窗口，并在index.html中单击按钮时加载download.html。
以下是我的index.js中的代码
btn.onclick = function() {
let win = new remote.BrowserWindow({
parent: remote.getCurrentWind
浏览 0提问于2017-03-20得票数 7
根据我的，我正在寻找一种方法来包装我的Ionic/角应用程序与某种类型的Windows应用程序。我正在查看电子(并且有问题)，但也在调查我是否刚刚创建了自己的WinUI3应用程序并使用了Webview2。
这里的相关代码是
await MyWebView.EnsureCoreWebView2Async();
MyWebView.CoreWebView2.Navigate("file:///D:/0/www/index.html"); // test while waiting how to load from Assets
//MyWebView.CoreWebView2.Na
浏览 10提问于2021-12-28得票数 0
回答已采纳
我有这个json文件
{
"manifest_version": 2,
"name": "my app",
"version": "1",
"app": {
"background": {
"scripts": ["main.js"]
}
},
"content_scripts": [
{
"css": ["css.css",
浏览 0提问于2014-06-21得票数 0
回答已采纳
我已经创建了一个Github页面，并且遵循了所有的步骤。所以我的Github网页是。我有一个index.html文件。index.html文件有几个.js文件。我已经将所有这些.js文件添加到存储库。没有目录结构，即所有的.js文件都与index.html一起存在。在index.html中，我将.js文件称为<script src="main.js"></script>。然而，当我打开我的Chrome浏览器，.js文件似乎没有被读取，当我检查控制台时，我得到了以下错误。
GET https://username.github.io/main.js net
浏览 0提问于2020-02-20得票数 1
我基本上是想对服务器上的PHP文件进行AJAX调用。使用XMLHttpRequest时，这似乎无法工作。假设我有以下文件：
PHP文件：
和一个txt文件：
我希望从我的chrome应用程序向PHP文件传递一些数据，并等待响应。PHP文件将读写data.txt文件。
当我尝试在chrome应用程序中执行此操作时(我知道此代码在通过标准网页运行时可以正常运行)，我得到以下错误：
Refused to set unsafe header "Content-length" main.js:250
(anonymous function) main.js:250
Refused to
浏览 2提问于2013-11-28得票数 1
1回答
我做了两个网页，它们是index.html和about.html。它们位于相同的文件夹中，两个站点的代码完全相同。问题是一些文本只出现在index.html页面上。没有显示的文本是导航栏的单词"Menu“，正文中的一些占位符文本，以及对页面标题的欢迎。我使用样式表用CSS修改文本，但仍然在两个页面上使用完全相同的代码。
我打开带有chrome inspect元素的about页面，发现"Menu“文本实际上是显示出来的，但它位于我在网站上的一个图像下面。然而，另一个文本根本没有显示出来。我不知道为什么文本在一页上工作得很好，而在另一页上却不行。任何帮助都将不胜感激。
index.
浏览 2提问于2014-08-24得票数 0
1回答
我是电子和node.js的新手，致力于mqtt来更新DOM。我在mqtt上接收到main.js onmessage函数的消息，我的main.js是
const { app, BrowserWindow } = require('electron')
var mqtt = require('mqtt')
var client = mqtt.connect("mqtt://localhost")
client.on("connect", function(){
client.subscribe("testtopic"
浏览 3提问于2021-10-19得票数 0
回答已采纳
1回答
有一个没有缓存控制的静态站点: site.com/index.html
现在有: site.com/index.php (index.html被删除)
在chrome (旧网站之前已经打开)上，chrome显示缓存的index.html版本
似乎铬在不与服务器联系的情况下加载站点
.htaccess
<FilesMatch ".(css|html|swf)$">
Header unset Cache-Control
</FilesMatch>
缓存中断的任何其他.htaccess变体都不起作用，因为chrome似乎没有与服务器联
浏览 2提问于2015-10-21得票数 1
回答已采纳
我想在我的nwjs应用程序中使用使用document的模块，但它们似乎无法正确访问主页的DOM。下面你可以找到一个简单的测试，它显示了这个问题。
我有下一个文件：
package.json
...
"main": "index.html"
...
index.html
<html>
<head>
<meta charset="utf-8" />
<title>test</title>
</head>
<body>
<div
浏览 5提问于2019-06-29得票数 0
1回答
角/电子不发射
、、、
我已经创建了一个角10项目使用角-CLI。在此之后，我已经安装了电子，并完成了以下操作:将src/index.html基础更改为本地安装的电子。但是当运行我的代码时，它会显示出一些错误。
如何纠正此错误？
这是我的main.js文件
const { app, BrowserWindow } = require('electron')
let win;
function createWindow () {
// Create the browser window.
win = new BrowserWindow({
width: 600,
heigh
浏览 2提问于2020-08-17得票数 2
我还是个新手，目前我正在关注。
我已经阅读了关于如何包含的，以便我可以轻松地调试我的应用程序。我遵循了文档，但是一旦我执行了electron <app-name>命令，它就会返回一个错误：The app provided is not a valid electron app, please read the docs on how to write one...
下面是我的main.js文件中的代码块：
var app = require('app');
var BrowserWindow = require('browser-window');
浏览 0提问于2015-05-18得票数 22
我在使用npm脚本任务启动browsersync服务器时遇到了一个问题，该服务器会在文件更新后刷新...
在package.json的scripts属性中定义名为serve的任务，如下所示：
{
...
"scripts": {
"serve": "browser-sync start --server \"dev\" --files \"./dev/css/*.css, ./dev/js/*.js, ./dev/*.html\" --browser \"Google Chrome\
浏览 0提问于2016-10-08得票数 1
我的index.html上有一个iframe，这个iframe是动态的。
在我的index.html上，我有一个表单，在提交时，它显示了iframe内部的结果。
问题是Iframes的高度也必须是动态的，才能让网站看起来“干净”。
因此，在Iframes php页面中，我有以下代码：
<body onload="parent.resize_iframe(document.body.scrollHeight)">
在index.html (本例中是父函数)中，我有以下函数：
function resize_iframe(new_height){
byId(&#
浏览 3提问于2010-10-03得票数 3
2回答
我使用php -S localhost:8000作为我的开发服务器。最后我会用nginx。但是我对php服务器有一个问题。
root
|
|---/app
|
|---/index.html
|---/scripts
| |
| |---/main.css
|
|---/styles
|
|---/main.js
在我的app/index.html中有：
<!DOCTYPE html>
<html>
<head>
<link rel="style
浏览 0提问于2016-07-03得票数 3
回答已采纳
php代码运行良好，文件在chrome状态栏下载。但是它没有显示文件下载对话框，而是自动下载文件。要显示“文件下载”对话框。尝试了不同的内容类型，但没有起作用。
粘贴下面的php代码
<?php
header('Content-disposition: attachment; filename=index.html');
header('Content-type: text/plain');
readfile('index.html');
?>
浏览 1提问于2014-01-31得票数 0
回答已采纳
1回答
初始问题
不确定这是否是正确的地方问，但我面临这个问题，同时建立快速入门教程的角度。
我使用的tsc，捆绑和托管( gulp )网络服务器的gulp。
我在gulpfile.js中的tsc任务看起来是这样的：
var gulpTypescript = require('gulp-typescript');
var tscConfig = require('./tsconfig.json');
gulp.task('tsc', function () {
return gulp.src('src/**/*.ts')
浏览 2提问于2016-03-25得票数 3
回答已采纳
2回答
我正在尝试将所有需要的模块和几个文本模板连接到一个单独的级联和丑陋的main.min.js中，这样我就可以将该文件包含在我的HTML中。
我想出了连接和丑陋的部分。但是，我无法在浏览器中实际运行任何代码。
我创建了一个来重现这个问题。
档案结构：
main.js
index.html
log.js
建设-生产
lib/需要量.
节点_模块/需要量/bin/r.js
我使用构建文件生成连接main.js、log.js和require.js：
./node_modules/requirejs/bin/r.js -o build-production.js
main.
浏览 0提问于2013-04-02得票数 10
回答已采纳
我正在尝试下载node.js Mathjax库并运行GitHub页面上的示例提供：
我遵循的步骤：
步骤1: mkdir mydemo
步骤2:光盘演示
步骤3: npm安装mathjax节点
步骤4:废例javascript代码来自GitHub网站
// I place this in file ".\lib\main.js
// a simple TeX-input example
var mjAPI = require("mathjax-node");
mjAPI.config({
MathJax: {
// traditional MathJax c
浏览 0提问于2019-05-03得票数 1
3回答
电子快速启动应用程序不工作
、、、、
我是electron新手，我试着学习不同的教程。目前，我正在跟踪这个链接到
我的app是这样构造的
your-app/
├── package.json
├── main.js
└── index.html
package.json的格式是
{
"name" : "your-app",
"version" : "0.1.0",
"main" : "main.js"
}
这是我的main.js
'use strict';
const electron
浏览 7提问于2016-04-03得票数 4
回答已采纳
我的javascript应用程序是用于kiosk的，并且只针对Chrome浏览器。我使用的是Chrome版本65。我正在尝试使用ES6模块，而不使用像Babel这样的转译器。我的代码最初是：
在index.html中：
<script src="js/index.js"></script>
index.js：
import Main from './classes/Main.js';
const init = () => {
const app = new Main();
};
init();
Main.js：
export
浏览 1提问于2018-04-04得票数 4
我阅读了TypeScript的官方，并从那里复制代码。
我安装了commonjs和requerejs。
"devDependencies": {
...
"commonjs": "latest",
"requirejs": "latest"
}
但我在浏览器中得到一个错误：
ReferenceError: require is not defined
它是index.html：
<!DOCTYPE html>
<body>
<script src="mai
浏览 0提问于2017-01-22得票数 5
回答已采纳
2回答
我有一个包含以下内容的index.html：
index.html
<html>
<head>...</head>
<body>
<div data-role="page" id="pageone">
<div data-role="header">
<div data-role="navbar">
<ul>
<li><a href=
浏览 0提问于2015-06-03得票数 0
回答已采纳
我花了6个多小时在我的代码中找到一个异常或一个特殊的字符，但我找不到，我检查了这里所有类似的消息。
我要用万能弹出窗口发送表格。首先，我使用内联弹出打开表单，而不是将所有输入发送到main.js进行验证。
所以，我只需要第三只眼睛。
我有：index.html，register.php，main.js
，这是代码
，这是错误消息
JSON输出
Chrome控制台：
火狐控制台:
，我错过了什么？
浏览 13提问于2014-09-09得票数 85
回答已采纳
1回答
我所做的：
我用一个index.html创建了一个xss.js，它调用jQuery.get()函数。然后，我在浏览器(火狐、Chrome、IE和Opera)中打开了index.html，并试图触发ajax请求。
“守则”
这是我的index.html：
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>
浏览 1提问于2012-11-16得票数 4
回答已采纳
我想使用以下代码在浏览器中显示PDF文件
<?php
$file = './path/to/the.pdf';
$filename = 'Custom file name for the.pdf'; /* Note: Always use .pdf at the end. */
header('Content-type: application/pdf');
header('Content-Disposition: inline; filename="' . $filename .
浏览 0提问于2014-08-28得票数 2
我正在学习如何制作chrome扩展，我正在做的项目是一个新标签中的“时钟”。 问题:我可以检索当前时间，但不能每秒刷新页面。我该如何解决这个问题呢？ main.js setInterval(function () {
var d = new Date();
const h = d.getHours();
const m = d.getMinutes();
const s = d.getSeconds();
// Current Time w/ format
const cFormat = h + ":" + m;
const cTime =
浏览 39提问于2021-09-11得票数 0
回答已采纳
我使用Browserify从index.html文件中访问节点模块(托管在Google上)
我将模块导入到"main.js“文件中，如我所见，这是Browserify文档中的标准，如下所示：
var request = require('request');
var fs = require('fs');
然后使用以下命令将其打包到一个bundle.js文件中：
browserify main.js -o bundle.js
这将成功地生成所需的bundle.js文件。然后，在我的index.html中的标题顶部包括以下内容：
<HEAD>
浏览 4提问于2017-01-03得票数 0
我有一个关于webpack的基本问题，我可以使用帮助(围绕代码混淆/丑化)作出反应。
我在我的应用程序中使用create-react-app，它似乎为生产(在运行yarn build之后)创建了一个捆绑的构建。
在该文件中，似乎所有东西都被放入了一个main.JS文件和main.CSS文件中，等等。我使用"firebase“(在我的例子中)推动这个活动。我希望我的代码被丑化，不会被任何开发人员完全读懂。
但是当我去看我的Chrome应用程序时，它并没有显示main.JS或任何其他捆绑文件。它只显示每个单独的文件，以及我编写的代码。知道这是为什么吗？为什么它不显示在铬的“源”选项卡下的丑
浏览 3提问于2018-03-06得票数 66
回答已采纳
2回答
当我编写JS和CSS时，我在Google Chrome中遇到了一个问题--当我重新启动Google Chrome或手动清除缓存时，它们没有显示出代码应该给出的输出结果--然后给出正确的输出第一代码如下：
$(function () {
alert("done");
});
当我在代码中做一些更改时，它们会显示正确的结果，例如：
$(function () {
alert("Ok correctly working");
});
它们没有显示正确的结果，它们显示了最后完成的结果，而不是Ok，在CSS中也正确地处理相同的问题。
浏览 3提问于2016-12-11得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
