为什么我必须使用 .js 扩展名才能通过 systemjs 导入 es6 模块?例如:
import { multiplier } from "adder.js"; // ok
import { double, square } from 'modules'; // error
var timesTwo = multiplier(2);
console.log(timesTwo(4));
错误信息:
GET http://local-host/projects/es6/src/modules 404 (Not Found)Z @ system.js:4(anonymous function) @ system.js:4(anonymous function) @ system.js:4(anonymous function) @ system.js:5(anonymous function) @ system.js:5(anonymous function) @ system.js:5(anonymous function) @ system.js:5(anonymous function) @ system.js:5(anonymous function) @ system.js:5(anonymous function) @ system.js:4 system.js:4 Uncaught (in promise) Error: Error: XHR error (404 Not Found) loading http://local-host/projects/es6/src/modules(…)
这是我的带有 system.js 的 HTML:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>ES2015 Module Example</title>
</head>
<body>
<script src="lib/system.js"></script>
<script>
System.config({
"baseURL": "src",
// 'plugin-babel' or 'traceur' or 'typescript'
transpiler: 'plugin-babel',
// or traceurOptions or typescriptOptions
babelOptions: {
},
map: {
'traceur': './lib/traceur.min.js',
'plugin-babel': './lib/plugin-babel/plugin-babel.js',
'systemjs-babel-build': './lib/plugin-babel/systemjs-babel-browser.js'
}
}
});
System.import("app.js");
</script>
</body>
</html>
有什么想法我错过了什么吗?
最佳答案
因为系统js不会将.js
附加到模块名称中。一些模块加载器/ bundler (Node、webpack 等)正在执行此操作,但没有标准指定必须执行此操作。
有一个configuration option为此,但它将被弃用。
关于javascript - ES6 + SystemJs - 为什么我必须使用 .js 扩展名来导入 es6 模块?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/37441256/