标签: ts-loader

尝试使用 webpack-dev-server 为我的应用程序提供服务时出现以下错误：

ERROR in ./src/index.tsx
Module not found: Error: Can't resolve './App' in 
'C:\Users\user\Desktop\react-resources-boilerplate\src'
 @ ./src/index.tsx 15:28-44
 @ multi (webpack)-dev-server/client?http://localhost:8080 ./src/index.tsx

这是我的 webpack 配置文件：

const HtmlWebPackPlugin = require('html-webpack-plugin');
const path = require('path');

module.exports = {
  entry: path.resolve(__dirname, 'src', 'index.tsx'),
  module: {
    rules: [
      {
        test: /\.ts|\.tsx$/,
        loader: "ts-loader",
      },
    ]
  },

  plugins: [
    new HtmlWebPackPlugin({
      template: "./src/index.html",
      filename: "./index.html"
    })
  ]
};

这是我的 tsconfig 文件：

{
  "compilerOptions": {
    "target": "es5",
    "module": "commonjs",
    "jsx": "react",
    "sourceMap": true,
    "outDir": "./dist",
    "rootDir": …

我正在使用Webpack(2.3.3)在TS中构建我的Aurelia应用程序.但是,由于我使用的includeAll是AureliaPlugin(2.0.0-rc.2)选项,因此ts-loader(2.0.3)会对没有输出任何输出的d.ts文件发出嘘声.

这是我的ts文件规则: { test: /\.ts$/, include: /ClientApp/, use: "ts-loader" }

我需要更改测试值,使其匹配名为*.ts的文件,但*.d.ts除外.你能帮我吗？

注意:我看到已经存在类似的正则表达式问题,但是那个问题对我不起作用.

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

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

我的打字稿编译抛出以下错误

TS2531：对象可能为“空”。

我正在转换带有大量此类错误的代码，只是想抑制它们以完成构建工作。据我了解，在 tsconfig.json 文件中添加以下内容可以抑制此错误。

“compilerOptions”：{“strictNullChecks”：false}

但是错误仍然显示。我找不到特定于此错误的任何其他编译器选项。有没有办法抑制它？

我已从 Webpack 3 升级到 Webpack 4。\n从那时起，我收到了很多有关未从某些文件导出的导入的警告。

./packages/utils/logging/index.ts\nAttempted import error: \xe2\x80\x98Options\' is not exported from \'./loggers/log\'.\n @ ./packages/utils/index.ts\n @ ./src/App.tsx\n @ multi whatwg-fetch @babel/polyfill ./src/App.tsx\n

我ts-loader与一起使用ForkTsCheckerWebpackPlugin使用。\n我已经检查了警告的导出，它们看起来不错。该代码确实有效，但是我仍然收到这些警告。

tsconfig.json以供参考：

{\n  "compilerOptions": {\n    "outDir": "build/dist",\n    "module": "esnext",\n    "target": "es5",\n    "lib": ["es6", "dom"],\n    "baseUrl": ".",\n    "sourceMap": true,\n    "allowJs": true,\n    "jsx": "react",\n    "moduleResolution": "node",\n    "forceConsistentCasingInFileNames": true,\n    "noImplicitReturns": true,\n    "noImplicitThis": true,\n    "strictNullChecks": true,\n    "suppressImplicitAnyIndexErrors": true,\n    "noUnusedLocals": false,\n    "noUnusedParameters": false,\n    "allowSyntheticDefaultImports": true,\n    "skipLibCheck": true,\n    "resolveJsonModule": true\n  },\n  "include": ["packages/**/*"],\n …

我想将 ts-loader 与 babel-polyfill 一起使用，但没有 babel-loader。但是当我尝试构建项目时，我收到了这个错误。谁能告诉我我错过了什么。

ERROR in ./src/index.tsx 4:16
Module parse failed: Unexpected token (4:16)
File was processed with these loaders:
 * ./node_modules/ts-loader/index.js
 * ./node_modules/tslint-loader/index.js
You may need an additional loader to handle the result of these loaders.
| import ReactDOM from "react-dom";
| import { MyComponent } from "./containers/my-component";
> ReactDOM.render(<MyComponent/>, document.getElementById("root"));
@ multi babel-polyfill ./src/index.tsx kb[1]

|

包.json

{
    "name": "test-react",
    "version": "1.0.0",
    "description": "Test",
    "main": "index.js",
    "scripts": {
        "start": "node index.js",
        "build": ".\\node_modules\\.bin\\webpack --config webpack.dev.js",
        "build-w": …

背景

我有一组使用类似结构在我的个人项目中重复使用的包。

出于生产目的，它们是用TypeScripttsc编写的，并在发布到 npm 之前编译成 JavaScript ，以便我可以将它们安装在我的其他项目中。我还使用Jasmine对它们进行测试。