浏览器不能加载js

来源:2-1 webpack 究竟是什么?

炭球猫

2019-03-28

index.html

<!doctype html>
<html>

<head>
    <title>Index</title>
</head>

<body>
    <div id="root"></div>
    <script type="module" src="./index.js">
    </script>
</body>

</html>

index.js

import {
    Header
} from './header.js';
import {
    Footer
} from './footer.js';

new Header();
new Footer();

header.js

export function Header() {
  let root = document.getElementById('root');
  let element = document.createElement('div');
  element.innerHTML = 'Header';
  root.appendChild(element);
}

footer.js

export function Footer() {
  let root = document.getElementById('root');
  let element = document.createElement('div');
  element.innerHTML = 'Footer';
  root.appendChild(element);
}

直接在 Chrome(Version 73.0.3683.86 (Official Build) (64-bit)) 中访问 index.html

debug
昨天提问时问题描述不够具体,实在抱歉。这次重新做过修改,还望老师能够指点。

写回答

1回答

Dell

2019-03-29

这个肯定报错啊,你都不打包能不报错么

0
2
炭球猫
回复
Dell
我知道了,我不应该直接本地访问的,因为跨域所以访问不到。放到服务器上,在同一个域名下就好了
2019-03-29
共2条回复

从基础到实战 手把手带你掌握新版Webpack4.0

知识点+项目实例+原理讲解 全方位解析Webpack4新版本

3627 学习 · 1291 问题

查看课程