将对象页面绑定到HTML
将对象页面绑定到HTML
提问于 2018-08-17 03:31:34
我不确定我到底做错了什么。我一直收到一条404消息。这是我的代码。
index.html:
<html>
<head>
<title>Drones</title>
<script src="node_modules/traceur/bin/traceur.js"></script>
<script src="node_modules/es6-module-loader/dist/es6-module-loader-dev.js"></script>
</head>
<body>
<script>
System.import('src/app.js');
</script>
</body>
</html>app.js:
import {Car} from './car.js';
import {Drone} from './drones.js';
let c = new Car();
let d = new Drone();
console.log(c);
console.log(d);Vehicle.js
export class Vehicle {
}drones.js
import Vehicle from 'vehicle.js';
export class Drone extends Vehicle {
}car.js
import {Vehicle} from 'vehicle.js';
export class Car extends Vehicle {
}
回答 2
Stack Overflow用户
发布于 2018-08-17 04:51:22
在html中使用<script type=“module“ src=“src/app.js“></script>导入app.js，并确保声明了导入的js文件的相对路径
Stack Overflow用户
发布于 2018-08-17 06:26:51
根据您的意见，如果car.js和drones.js位于app.js所在目录的子目录中，那么您需要将导入更改为：
// use relative pathing
import {Car} from './classes/car.js';
import {Drone} from './classes/drones.js';或发送到：
// use absolute pathing
import {Car} from 'src/classes/car.js';
import {Drone} from 'src/classes/drones.js';这是因为路径的./部分指向引用文件所在的目录(即，src/app.js中的./指向src/。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/51884173
复制相关文章
相似问题