为什么webpack没有正确编译ts文件？
webpack没有正确编译ts文件的原因可能有以下几点：
- 缺少TypeScript配置文件：webpack默认无法识别和编译TypeScript文件，需要添加一个名为tsconfig.json的配置文件来告诉webpack如何处理ts文件。在tsconfig.json中，可以指定编译选项、包含的文件和目录等。
- 缺少TypeScript加载器：webpack需要使用相应的加载器来处理TypeScript文件。可以使用ts-loader加载器来将TypeScript代码转换为JavaScript代码。在webpack配置文件中，需要添加相应的规则来告诉webpack使用ts-loader加载器处理ts文件。
- 缺少TypeScript依赖：如果没有正确安装TypeScript依赖，webpack无法正确编译ts文件。可以通过运行
npm install typescript --save-dev来安装TypeScript依赖。 - TypeScript语法错误：如果ts文件中存在语法错误，webpack编译过程会失败。需要检查ts文件中的语法错误，并进行修复。
- 缺少webpack配置：可能是webpack配置文件中缺少了相应的配置项，导致无法正确编译ts文件。需要检查webpack配置文件中的相关配置项，确保配置正确。
推荐的腾讯云相关产品：腾讯云云开发（CloudBase）是一款集成了云函数、云数据库、云存储等多种云服务的一体化后端云服务，可以方便地进行前后端开发和部署。腾讯云云开发支持使用TypeScript进行开发，并提供了丰富的开发工具和资源，可以帮助开发者更好地进行TypeScript开发和部署。
产品介绍链接地址：腾讯云云开发
相关·内容
/src/ts/bundle.ts上有一个简单的函数，但它产生了一个错误，我不知道为什么？ ERROR in ./src/ts/bundle.ts 6:22You may need an appropriate loaderSee https://webpack.js.org/concepts#loaders
浏览 110提问于2020-06-17得票数 0
回答已采纳
和webpack解决'.ts‘文件后运行的tsconfig构建？ output: { }, loaders: [{
test: /\.ts</
浏览 1提问于2017-06-23得票数 6
回答已采纳
我正在学习Webpack关于角2：的侵入教程。import { Component } from '@angular/core';})
如果我指定相对于基本路径的模板路径，它就能工作，但这不是正确的方法。
浏览 4提问于2016-09-18得票数 6
回答已采纳
如果babel-loader是一个将React转换成JavaScript的转播器，为什么它是webpack插件的一部分？
transpiling和bundling不是一个单独的过程吗？
浏览 1提问于2020-05-30得票数 4
回答已采纳
在使用webpack手表时，我的mvc应用程序的输出目录"wwwroot“中的bundle.js被正确更新。文件编辑后，它对更改做出反应，生成控制台输出，但不更新bundle.js。在第二次文件更改时，它会卡住“检查已在单独的进程中启动...”。删除repo并再次克隆似乎在一段时间内有效。在进行了几次文件更改之后，它又重新开始了。在“webpack”中，我使用了babel，loader tzpescript loader，extract-text-webpack</em
浏览 14提问于2020-07-23得票数 0
1回答
当我创建Angular2项目时，webpack观察所有更改并开始重新编译。我重新安装Windows，清除项目文件夹中的垃圾，得到奇怪的webpack行为。当我更改文件内容时- webpack重新编译，而当我第二次更改文件webpack不想开始重新编译。为什么？/src/main.ts' output: {
path
浏览 1提问于2016-10-29得票数 0
回答已采纳
javascript最终全部编译在一起，然后进行压缩，最终生成一个min文件和一个相应的源文件。不幸的是，源代码地图似乎从未将类型记录javascript包含在最终产品中。我们认为可以尝试修改grunt文件中现有的webpack任务，以便使用ts -加载程序而不是ts编译器进行编译，并缩小并提供一个映射。我希望ts-加载程序能够编译并生成所需的地图。运行之后，所有的JavaScript都会使用闭包<
浏览 0提问于2016-03-29得票数 0
回答已采纳
index.ts└── tsconfig.json这个
浏览 1提问于2021-02-10得票数 2
回答已采纳
基本结构： main-module/ main-module.html page-module.ts page-module.css vendor.tsvendor.bundle.js"></script
浏览 2提问于2016-08-28得票数 3
想象一下下面的项目结构 index.ts/external当使用以下tsconfig.json时 "compilerOptions":/external/*" }, "dist"}/dist a.d.ts
a.jsi
浏览 37提问于2020-02-28得票数 2
我的问题更多地与node_modules以及如何在编译期间解决依赖关系有关。我自己编译就可以得到ts文件了。但是，我的ts文件中引用node_modules的任何“导入”语句都不会由Visual Studio自动编译并包含在输出中。我最接近的做法是完全禁用Visual Studio编译，并使用webpack通过一个单独的进程编译我的所有ts文件，该进程在编译过程中
浏览 5提问于2017-12-05得票数 1
我的应用程序中有一个子项目，它包含一个不编译的文件：misc/index.tsWebpack抱怨misc/index.ts没有编译。文件misc/index.ts是不需要的。文件misc/index.ts并不是故意编译</e
浏览 4提问于2020-01-19得票数 0
回答已采纳
我正在构建一个使用TypeScript和Webpack 4的React应用程序。我试图从react-select导入一个CSS文件，但我得到了一个通用错误：我在尝试为.graphql文件添加加载程序时也遇到了类似的问题。我认为这些问题是相关的；我的配置一定是关闭了，无法利用这些额外的加载器。下面是我认为的相关代码片段：const config: webpack.Configu
浏览 15提问于2018-03-03得票数 3
回答已采纳
我正在讨论HashedModuleIdsPlugin和typescript的编译问题:(index.ts：进口webpack.jswebpack.js：exports require('webpack').ids.Ha
浏览 15提问于2022-05-02得票数 0
回答已采纳
在tsconfig.json文件中定义了一个路径映射，如下所示 "~/*": ["./src/*"]它与ts-node -r tsconfig-paths/register一起工作，但是当涉及到从.ts编译到.js文件的serverless-plugin-typescript我知道为什么，这也没关系，但我能做些什么才能让它发挥作用。
我正在尝
浏览 1提问于2019-07-25得票数 4
1回答
所有脚本都像我预期的那样编译，但实际上只有vendor.js文件被调用。其他的被编译，但从未被调用。 }, extensions: ['', '.webpack.js', '.web.js', '.ts&#x
浏览 3提问于2016-04-12得票数 2
回答已采纳
我得到了数百个错误，其中的基本错误是"error TS2300: Build:重复标识符“ "name": "npmjs", "main": "index.js", "build:dev": "webpack-dev-server --config w
浏览 2提问于2022-04-11得票数 0
2回答
打字稿与webpack
、、、
我对webpack和打字有些困难。我的项目中有许多不同文件夹中的.ts文件。之前，我没有使用像commonjs或AMD这样的模块系统，但是使用了类型记录名称空间(module关键字)。这些文件没有连接成单个文件。这意味着在.ts文件附近生成了.js文件，然后所有的.js文件都包含在HTML中。$/,
loader: 'ts
浏览 8提问于2015-11-05得票数 1
回答已采纳
1回答
如何使用装载机的想法，如果我错了，请纠正我：
步骤1-Webpack遇到index.ts，所以它将这个文件传递给ts-loader，ts-loader读取该文件并将其传递给ts编译器，ts编译器生成js代码文件index.js并返回给ts-loader，然后ts-loader将index.js传回webpack。第二步- Webpack<
浏览 1提问于2019-10-01得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
