如何解决“未处理的承诺拒绝:错误:无法从http:// localhost:3000 /解析裸指定符“ app.js”

时间:2019-05-04 15:52:40

标签: javascript typescript systemjs

我一直在学习打字稿。 学习节点模块时遇到以下错误。

enter image description here

单击匿名功能会将我带到下面的代码。

enter image description here

<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <title></title>
    <meta name="author" content="">
    <meta name="description" content="">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Learning TypeScript</title>
    <script src="node_modules/systemjs/dist/system.js"></script>
</head>

<body>
    <script>
        System.import('app.js')
    </script>
</body>

</html>

这是指向我的demo project

的链接

1 个答案:

答案 0 :(得分:1)

如果您正在使用SystemJS的最新版本。您必须进行一些更改:

  • index.html:使用System.import('./app.js')代替System.import('app.js') // hmm

  • tsconfig.json:使用"module": "system"代替"module": "commonjs"

  • app.ts:使用import { PI, calculateCircumference } from "./maths/circle.js";代替import { PI, calculateCircumference } from "./maths/circle"; // hmm

(我找不到配置baseUrldefaultExtension的方法)

在您在浏览器上重新加载html页面之前,运行tsc命令来重建app.js文件。