问题标签 [ts-loader]

Symfony Encore 现在默认支持使用 TypeScript（添加对 enableTypescriptLoader的支持），而且效果很好。但是，我想使用 tsconfig.json 文件配置我的 TypeScript 配置。

我试着找出把它放在哪里，但我在兔子洞里迷路了，不知道应该把文件放在哪里让 ts-loader 把它捡起来。或者，如果有启用此功能的配置。

我一直在玩得很开心，试图看看我是否无法让我的打字稿构建忽略 node_modules（特别是 React）。我的 tsconfig.json 告诉它忽略该文件夹，但它仍在编译中，我不知道为什么。我怀疑可能是因为它是由包含文件中的文件导入的，也许？

这是一个错误的例子，其中有很多：

我的 tsconfig.json 看起来像这样：

我正在尝试用 webpack/ts-loader 编译它，我的 webpack 配置是：

谁能告诉我为什么会发生这些错误，以及如何避免它们以及可能在导入的 node_modules 中弹出的其他错误？

更新： 我删除了“typeRoots”下的所有内容并将“types”设置为[]：

但它仍然抛出相同的错误。我只是想了解为什么...

我有这个文件

路由.ts

我这样使用

app.module.ts

然后我使用导入之前的两个文件

索引.ts

我正在使用webpackandts-loader并且index.ts是入口点之一。构建成功，但是当我运行它时出现此错误

我给的配置ts-loader看起来像

你知道我做错了什么吗？我查看了几乎所有tsconfig.json选项，但找不到解决我问题的选项

使用包含 JSX 的独立 TSX 文件时，一切正常。我的 webpack 配置：

并且 tsconfig.json jsx 选项设置为“保留”，以便 Typescript 将忽略由 babel 处理的 JSX 编译。完全有道理。

但是当我对 Vue-loader 使用相同的配方时，它不起作用：

和示例组件：

错误日志：

似乎 ts-loader 不尊重 JSX 保留在这里。查看错误日志/输出时，似乎 ts-loader 尝试解析 JSX 或尝试编译正则表达式。

我无法指出确切的问题，但是在调试 dist/index.js: 152 时，我可以清楚地看到输出格式错误，编译器会尝试编译 JSX 而不是忽略。

Sorry for the super newbie vague question, but can I do

rather than

in babel/webpack/typescript/react ish environment?

If not, why's that?

My webpack.config.json is looking like this.

我收到Invalid module name in augmentation来自 webpack 的错误，因为*.d.ts我的项目中包含了几个库文件。

一个示例来自 Leaflet-draw，它的 d.ts 文件顶部有以下模块声明：

完整的错误是：

扩充中的模块名称无效。模块 'leaflet' 解析为位于 'C:\Users***\Documents\GitHub***\node_modules\leaflet\dist\leaflet-src.js' 的无类型模块，该模块无法扩充。

我不完全确定该怎么做，我不想自己修改 d.ts 文件，因为这些文件是在外部维护的。

我正在使用最新版本的 webpack (3.11.0) 和 ts-loader (3.5.0)。

我的 tsconfig 编译器选项如下：

感谢任何人提供的任何帮助，以帮助我进一步了解错误以及如何解决它。

谢谢

moduleResolution: 'node'我们在最新的项目中非常依赖。我们生成了 index.ts 桶来简化导入语句。但是，当使用 webpack 构建应用程序时，模块似乎以错误的顺序解析：

我有一个文件iconSet.ts

第二个文件icons.ts，它导入 IconSet 变量

和一个 index.ts 文件，它汇总所有导出，例如

在 app.ts 中导入 Icons 变量时，icons.ts 在 inconSet.ts 被处理之前提供。

我认为 webpack 会解决这个问题。

这是重现问题的最小存储库：https ://github.com/eulbot/webpack-es6-index-barrels

我正在写使用andwebpack.config.js将 typescript（更准确地说是 tsx）转换为ES5 我有两个问题：tsloaderbabel-loader

babel-loader1)即使tsloader输出 ES5 文件，我们还需要吗？2 )设定目标何时
有意义？compilerOptions.moduletsconfig.jsones6es5

tsconfig.json如下：

提前致谢。

我正在使用 PouchDB 同步到我的服务器上的本地 CouchDb，我尝试从我的笔记本电脑同步一个 couchdb。

我的 .ts 文件中的代码如下：

浏览器中的结果是：

remoteDatabase 存在，所以 remoteDatabase 没有错

我遇到了捆绑我的 TS 项目的问题。似乎 ts-loader 无法识别 TypeScript 语法。

我收到的错误：

和

我的webpack.config.js如下：

这是我的tsconfig.json

我使用的版本：

“打字稿”：“2.5.3”，“ts-loader”：“4.0.1”，“webpack”：“^4.1.1。

我错过了什么吗？在我的 tsconfig.json 文件中，我将要生成的源作为目标，ES5因此据我所知，我不需要 babel。