问题标签 [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.
node.js - 在安装 npm ts loader 和 npm css loader 时遇到问题
我在安装 ts loader 和 css loader 时收到所有这些警告。
npm ts 加载器
npm css 加载器
谁能告诉我如何解决这个问题?
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 的解决方案时失去了理智。有没有人对此给出合理的答案?
typescript - 如何在 typescript 中创建和导入自制环境模块?
我有一个在窗口中创建全局对象的外部 javascript 库。为了在打字稿代码中使用这个对象,我创建了一个环境模块文件(d.ts),它被导入到其他打字稿文件中。
我面临的问题是编译器说模块文件不是模块
我也将 webpack 与 ts-loader 一起使用,但使用 (tsc) 单独编译它会得到相同的结果。
这是 abc.d.ts 环境模块文件
这是 App.ts 文件:
测试项目可在https://github.com/daneilsan/ts-module-problem获得
任何帮助将不胜感激,因为我不知道还能做什么
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进行实施,但没有成功。
typescript - node_modules/@types 中的 Webpack ts-loader 错误
我的项目编译得很好,但是如果我在新目录中签出并尝试npm install
then webpack
,我会收到以下错误:
以及同一文件中的大约 25 个其他错误,以及我的一些源文件中的其他错误。
在我的tsconfig.json
I excludenode_modules
中,我还设置了 webpack用于使用 node express 后端externals
进行打包:node_modules
我真正不明白的是为什么在我的开发目录中一切正常,但如果我把它放在另一个目录中,它就会中断。
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
。
如何解决?
javascript - tsconfig 的 'outFile' 和 webpack config 的 'output' 有什么区别
“输出”路径有什么不同?tsconfig 是加载器吗?和 webpack 在运行 tsconfig 构建后解析“.ts”文件?
为什么找不到文件“src.js”?它被webpack自动删除了吗?
tsconfig.json:
webpack.config.js:
当我运行“webpack”时,找不到“src.js”并且“dest.js”没问题。
非常感谢。
typescript - TypeScript 接口没有按预期工作,当提供的类型错误时它不会抛出任何“警告”
TypeScript 界面无法按预期使用“*.vue”文件。当提供的类型不好时,它不会抛出任何“警告”。示例表单 vue.js 文件:
如何解决?
我的 devDependencies 信息:
ts-loader - 错误:[at-loader] .TS2304:找不到名称“Set”
我正在使用 AoT 构建我的 MEAN 项目,但出现此错误,我尝试更改许多加载程序配置。但似乎没有任何效果
我的 ts.config 是
我常见的 webpack.config 是
aot webpack.config 是
css - ExtractTextPlugin 可以与 `ts-loader` 一起使用吗?
我一直ts-loader
在 Webpack 中使用。我还想ExtractTextPlugin
结合使用css-loader
来捆绑 CSS。但是,当与它一起使用时,ExtractTextPlugin
似乎被忽略或覆盖。ts-loader
我在下面包含了一个示例 webpack.config.js。有可能解决这个问题吗?
更新
当出现 TypeScript 错误时,似乎ExtractTextPlugin
不会在此上下文中运行。这可以通过修复这些错误来解决。一个不太优雅的解决方案是将导入样式的文件更改.ts
为.js
. 这会将其从 TypeScript 中删除,因此错误不会阻止ExtractTextPlugin
运行。