问题标签 [ts-loader]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
175 浏览

node.js - 在安装 npm ts loader 和 npm css loader 时遇到问题

我在安装 ts loader 和 css loader 时收到所有这些警告。

npm ts 加载器

npm css 加载器

谁能告诉我如何解决这个问题?

0 投票
1 回答
1232 浏览

typescript - 如何在 TS 编译错误时使 webpack2 失败?

我有一个运行良好的 webpack2 配置,除了如果出现 TS 编译错误,我不希望构建继续进行。这是我得到的合法错误的示例:

这是一个正确的错误,但我希望 webpack 不只是继续。目前,无论在 webpack 编译过程中出现什么 TS 编译错误,webpack 仍然会构建 bundle。我想让 webpack 抛出它已经发出的错误(红色),并在发生这种情况时停止捆绑过程。

我尝试在我的 webpack.config 中添加配置开关:

但这并没有解决问题。

如果我应该在 TS 加载器中识别某些内容,我将如何告诉它将错误推送到 webpack2?我尝试了以下 TS 加载器选项,但它们没有将错误传播到 webpack 的效果:

但是,这也不起作用。

似乎应该以某种方式内置到 webpack 或其加载器中,以正确传播错误以使该过程失败。任何人都有一个解决方案,可以让我配置此类故障以冒泡,并且仍然允许我查看正在产生的 TS 错误(这样我不仅可以知道构建失败,而且可以知道导致它的特定 TS 错误)。

我做了一些研究,发现有人声称使用 ( webpack-fail-plugin) 应该可以解决这个问题,但是,这显然只适用于 webpack 1。据说,webpack2 解决了这个问题,因为该插件明确声称https://www.npmjs.com/包/webpack-fail-plugin。然而,这不是真的,正如我在这里的帖子所证实的那样。而且,事实上,ts-loader 本身声称您需要使用 webpack 2 的插件(请参阅https://github.com/TypeStrong/ts-loader#failing-the-build-on-typescript-compilation-错误)。为了尝试所有最后可能的解决方案,我将插件导入我的项目并尝试按照使用文档(https://github.com/TiddoLangerak/webpack-fail-plugin#usage)使用它。但是,唉,它失败了而不是构建。

我在试图理解 webpack 2 的解决方案时失去了理智。有没有人对此给出合理的答案?

0 投票
1 回答
520 浏览

typescript - 如何在 typescript 中创建和导入自制环境模块?

我有一个在窗口中创建全局对象的外部 javascript 库。为了在打字稿代码中使用这个对象,我创建了一个环境模块文件(d.ts),它被导入到其他打字稿文件中。

我面临的问题是编译器说模块文件不是模块

我也将 webpack 与 ts-loader 一起使用,但使用 (tsc) 单独编译它会得到相同的结果。

这是 abc.d.ts 环境模块文件

这是 App.ts 文件:

测试项目可在https://github.com/daneilsan/ts-module-problem获得

任何帮助将不胜感激,因为我不知道还能做什么

0 投票
0 回答
529 浏览

typescript - 为什么使用 ts-loader 时 Webpack 的 `require.ensure` 会编译为 `Promise.resolve()`

将 TypeScript (2.3.2) 和 Webpack 2 与 ts-loader 和 babel-loader 一起使用。

我正在尝试为某些模块创建代码拆分,但我注意到我的require.ensure(...)编译为Promise.resolve().then(function(require) {})并且未创建块文件。

例子:

(一些 .ts 文件)

以及编译后的代码:

以下是我的一些设置:

tsconfig.json

webpack.config.js(模块部分)

知道为什么吗?我尝试在https://github.com/TypeStrong/ts-loader/tree/master/test/comparison-tests/codeSplitting进行实施,但没有成功。

0 投票
1 回答
810 浏览

typescript - node_modules/@types 中的 Webpack ts-loader 错误

我的项目编译得很好,但是如果我在新目录中签出并尝试npm installthen webpack,我会收到以下错误:

以及同一文件中的大约 25 个其他错误,以及我的一些源文件中的其他错误。

在我的tsconfig.jsonI excludenode_modules中,我还设置了 webpack用于使用 node express 后端externals进行打包:node_modules

我真正不明白的是为什么在我的开发目录中一切正常,但如果我把它放在另一个目录中,它就会中断。

0 投票
2 回答
3991 浏览

javascript - Webpack 2 ES6 导入 UMD 没有默认导出

我正在尝试使用 Webpack 2 和ts-loader. 它曾经使用 Webpack 1 和 Rollup(没有 TypeScript)工作,但.default在调用导入的函数时会附加 Webpack 2。

例如:

转变为

我明白了Uncaught TypeError: canvg_1.default is not a function

如何解决?

0 投票
1 回答
2360 浏览

javascript - tsconfig 的 'outFile' 和 webpack config 的 'output' 有什么区别

“输出”路径有什么不同?tsconfig 是加载器吗?和 webpack 在运行 tsconfig 构建后解析“.ts”文件?
为什么找不到文件“src.js”?它被webpack自动删除了吗?

tsconfig.json:

webpack.config.js:

当我运行“webpack”时,找不到“src.js”并且“dest.js”没问题。

非常感谢。

0 投票
0 回答
291 浏览

typescript - TypeScript 接口没有按预期工作,当提供的类型错误时它不会抛出任何“警告”

TypeScript 界面无法按预期使用“*.vue”文件。当提供的类型不好时,它不会抛出任何“警告”。示例表单 vue.js 文件:

如何解决?

我的 devDependencies 信息:

0 投票
0 回答
442 浏览

ts-loader - 错误:[at-loader] .TS2304:找不到名称“Set”

我正在使用 AoT 构建我的 MEAN 项目,但出现此错误,我尝试更改许多加载程序配置。但似乎没有任何效果

我的 ts.config 是

我常见的 webpack.config 是

aot webpack.config 是

0 投票
0 回答
131 浏览

css - ExtractTextPlugin 可以与 `ts-loader` 一起使用吗?

我一直ts-loader在 Webpack 中使用。我还想ExtractTextPlugin结合使用css-loader来捆绑 CSS。但是,当与它一起使用时,ExtractTextPlugin似乎被忽略或覆盖。ts-loader我在下面包含了一个示例 webpack.config.js。有可能解决这个问题吗?

更新

当出现 TypeScript 错误时,似乎ExtractTextPlugin不会在此上下文中运行。这可以通过修复这些错误来解决。一个不太优雅的解决方案是将导入样式的文件更改.ts.js. 这会将其从 TypeScript 中删除,因此错误不会阻止ExtractTextPlugin运行。