个人中心
文章发布
退出
作者热门文章
- html - 出于某种原因，IE8 对我的 Sass 文件中继承的 html5 CSS 不友好？
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景？
32
4
我已经尝试了所有答案，但我遇到了诸如此类的错误
main.js:2 Uncaught ReferenceError: exports is not defined
当我使用编译到 es5 作为目标时
和
Uncaught SyntaxError: Unexpected token {
当我使用编译到 es6 作为目标时
main.ts
import {MyLib} from './mylib';
let myLib = new MyLib("Anonymous", "Someone");
console.warn(myLib);
mylib.ts
export class MyLib {
constructor(public a: String, public b: String) {
}
toString() {
return "library tostring: " + this.a + " " + this.b;
}
}
tsconfig.json
{
"compilerOptions": {
"target": "es6",
"sourceMap": true
},
"exclude": [
"node_modules"
]
}
index.html
<html>
<head>
<title>
ts-demo !!
</title>
<script type="module" src="./require.js"></script>
<script type="module" src="./system.min.js"></script>
<script src="./tsdemo/main.js"></script>
</head>
<body>
</body>
</html>
最佳答案
<script>输入 module让 ES6 模块正常工作，例如:<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<script type="module" src="./tsdemo/main.js"></script>
</head>
<body>
</body>
</html>
.js导入时需要扩展名才能使其在浏览器中工作。 Typescript 编译器没有自动添加它的选项( https://github.com/Microsoft/TypeScript/issues/16577 )，但您可以在 main.ts 中添加扩展名文件，例如: import {MyLib} from './mylib.js';
let myLib = new MyLib("Anonymous", "Someone");
console.warn(myLib);
tsc 做了正确的事情并解析 .ts 中的类型文件，在生成的 javascript 中保留扩展名
关于javascript - 如何立即从 html 使用 WebStorm 中生成的 TypeScript？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/55870008/
32
4
0
我环顾四周，但我只找到了过去版本的答案。我有一个新版本的 WebStorm，我想从命令行打开我的项目，但是 wstorm . 和 webstorm . 似乎不起作用。 我试过去 工具 > 创建命令行启
是否可以调整 WebStorm，以便当我的终端窗口中有类似内容时，我只需单击文件名并跳转到它。 最佳答案 无法使用内置终端(请为 IDEA-118566 和 IDEA-154439 投票)。 Awes
有没有一种简单的方法来获得 WebStorm 的可移植(USB 内存棒)安装？ 我在 'Net 上找到了一些关于如何为 PHPStorm 执行此操作的帖子(将 .exe 文件重命名为 .zip，解压并
我使用 Webstorm 来调试我的应用程序。设置断点效果很好，调试器将命中我的断点。如果我在 node_modules 内的脚本内设置断点，那么它就不再工作了。它应该与 WebStorm 有关，因为
在 Visual Studio 中，当我键入一些特殊字符(如 ;})时，它会自动格式化相关的代码段，但在 WS 中，什么也没有发生。我试图找到那个选项，但没有结果。 // e.g. In VS, if
我有一个实时模板 useS 用于 const [$VAR1$, set$VAR2$] = useState($END$); 其中 useState 是一个必须像这样导入的外部变量: import {
我想在特定文件夹中运行一些测试。 如果我右键单击该文件夹，我希望有一个“运行..”选项，以便能够运行这些测试。我依稀记得以前的 WebStorm 版本可以做到这一点。 如何在 WebStorm 中运行
我正在寻找一种将双引号(默认行为)更改为单引号的方法。我已经阅读了文档并尝试在线搜索，但正常的搜索方式似乎不起作用。 我已经修改了 package.json以各种方式，都没有奏效，这是我的最新尝试:
我的 webstorm ide 不会再在我现有的 Node.js 项目中的断点处停止。 当我创建一个新的 webstorm node.js express 项目并设置调试点时，它似乎工作正常。 例如，
我正在尝试让 WebStorm 在使用 Angular Material 时自动完成一些 HTML 属性值。 编辑器 > 检查 > HTML > 未知的 HTML 标签属性 我在这里添加了一些属性，如
我感兴趣的是，是否有一种方法可以表明应该在哪里开始写变量名 例如，如果我将此实时模板称为： console.log('$TEXT$', $TEXT$); ^ 它将从第一个TE
我想在 WebStorm 中禁用代码折叠。可以关闭折叠指示器，但折叠本身仍然有效。我想摆脱整个事情，所以不可能以任何方式激活它。这可能吗？ (没有任何明显的选择，但我希望我错过了一些东西......)
我正在尝试 WebStorm 编辑器(目前使用 vim)。 我注意到我无法分辨行尾在哪里，因为您可以在代码编辑器中将光标移动到行尾之外。 我觉得这非常令人沮丧。我过去常常能够确定该行的结尾在 vi 中
我正在尝试在 webstorm 中更改我的项目名称。 我看过this在他们的开发者论坛上回答，但不适用于此版本(Webstorm 7)。更改 .idea/.name 的内容不会更改项目文件夹 View
我正在尝试 webstorm，自动完成下拉列表中的选项过于冗长 例如: 我怎样才能将其降低到可管理的水平？事实上，自动完成对 api 发现毫无用处。 最佳答案 尝试使用实际对象，最好是带有 JSDoc
有没有人遇到过 ESLint 没有在 WebStorm 中加载的问题？我正在尝试指定路径 /usr/local/bin/eslint , /usr/local/bin , 每次我收到这条消息: 或 n
WebStorm 中是否有设置允许滚动到最后一行，就像最新的 Visual Studio 允许的那样？我不喜欢在文件末尾保留 20 行新行，这样我就可以在屏幕中间工作。 最佳答案 设置 |编辑 |一般
我不小心创建了一个没有扩展名的文件，并且选择了错误的文件类型关联。我认为是文本文档。我将其重命名为具有 .js 扩展名，这正是我想要的，但现在它卡住了，没有任何语法突出显示。 WebStorm 不会将
我已申请this theme到 WebStorm，但我不喜欢它。 如何恢复到 WebStorm 的默认设置？ 最佳答案 根据您使用的操作系统，您应该能够删除配置文件，WebStorm 将重新创建它。
在设置>代码样式> JavaScript中，我已将制表符大小和缩进设置为4。为什么WebStorm仍然忽略这些设置，正如您在预览窗口中看到的: 哪些设置可以覆盖这些设置？ 最佳答案 如果您启用了 Ed
我是一名优秀的程序员,十分优秀！