Googlelabs深色模式切换
Googlelabs深色模式切换
提问于 2020-07-28 07:16:01
我下载了使用google dark切换的源代码，但它给出了如下错误。当我使用cdn时，它是可以的，但它不能在本地主机源上工作。如果你能帮上忙我会很高兴。
请新来的女士，如果你照我说的做，我会很高兴的。我不明白我收到的错误，他是什么意思？
dark-mode-toggle-playground.mjs:1
Failed to load module script: The server responded with a non-JavaScript MIME type of "". Strict MIME type checking is enforced for module scripts per HTML spec.
dark-mode-toggle.mjs:1
Failed to load module script: The server responded with a non-JavaScript MIME type of "". Strict MIME type checking is enforced for module scripts per HTML spec.<!DOCTYPE html>
<html lang="en">
<head>
<title>Hello Dark Mode</title>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="color-scheme" content="dark light">
<meta name="theme-color" content="">
<link rel="icon" content="">
<link rel="stylesheet" href="dark.css" media="(prefers-color-scheme: dark)">
<link rel="stylesheet" href="light.css" media="(prefers-color-scheme: light)">
<link rel="stylesheet" href="common.css">
<script type="module" src="dark-mode-toggle-playground.mjs"></script>
<script type="module" src="../src/dark-mode-toggle.mjs"></script>
</head>
<body>
<main>
<form id="content">
<fieldset>
<legend>Lorem ipsum</legend>
<div>
<select>
<option>Lorem</option>
<option>Ipsum</option>
</select>
</div>
<div>
<button type="button">Lorem</button>
</div>
<div>
<input type="text" value="Lorem ipsum">
</div>
<div>
<input type="search" value="Lorem ipsum">
</div>
<div>
<label><input checked type="checkbox"> Lorem</label>
<label><input type="checkbox"> Ipsum</label>
</div>
<div>
<label><input checked name="foo" type="radio"> Lorem</label>
<label><input name="foo" type="radio"> Ipsum</label>
</div>
</fieldset>
</form>
<p>
Also see the <a href="unstyled.html">unstyled variant</a>
that shows the out-of-the-box experience.
</p>
<p>
Run <code>npm run build</code> and see the <a href="dist.html">built variant</a>
that uses the minified version of the script in the <code>dist</code> folder.
</p>
</main>
<aside>
<dark-mode-toggle id="dark-mode-toggle-1"></dark-mode-toggle>
</aside>
<aside>
<dark-mode-toggle id="dark-mode-toggle-2"></dark-mode-toggle>
</aside>
<aside>
<dark-mode-toggle id="dark-mode-toggle-3" legend="Dark Mode" light="off" dark="on" remember="always"></dark-mode-toggle>
</aside>
<aside>
<dark-mode-toggle id="dark-mode-toggle-4" legend="Theme Switcher" light="Light" dark="Dark" remember="Remember this" appearance="switch"></dark-mode-toggle>
</aside>
</body>
</html>const doc = document;
const store = localStorage;
const PREFERS_COLOR_SCHEME = 'prefers-color-scheme';
const MEDIA = 'media';
const LIGHT = 'light';
const DARK = 'dark';
const MQ_DARK = `(${PREFERS_COLOR_SCHEME}:${DARK})`;
const MQ_LIGHT = `(${PREFERS_COLOR_SCHEME}:${LIGHT})`;
const LINK_REL_STYLESHEET = 'link[rel=stylesheet]';
const REMEMBER = 'remember';
const LEGEND = 'legend';
const TOGGLE = 'toggle';
const SWITCH = 'switch';
const APPEARANCE = 'appearance';
const PERMANENT = 'permanent';
const MODE = 'mode';
const COLOR_SCHEME_CHANGE = 'colorschemechange';
const PERMANENT_COLOR_SCHEME = 'permanentcolorscheme';
const ALL = 'all';
const NOT_ALL = 'not all';
const NAME = 'dark-mode-toggle';
const DEFAULT_URL = 'localhost/dark/demo/';回答 1
Stack Overflow用户
回答已采纳
发布于 2020-07-28 08:21:27
研究工作感谢“阿尔文Espárrago".thank你。
<IfModule mod_mime.c>
AddType text/javascript js mjs
</IfModule>页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/63124934
复制相关文章
相似问题
腾讯云开发者
