Webpack / Typescript未正确解析for-await循环
Webpack是一个现代化的JavaScript应用程序静态模块打包工具。它可以将多个模块打包成一个或多个bundle文件，以便在浏览器中加载。Webpack具有强大的模块化能力，可以处理JavaScript、CSS、图片等各种资源，并且支持代码拆分、懒加载、热模块替换等功能。
Typescript是一种由微软开发的开源编程语言，它是JavaScript的超集，添加了静态类型检查和面向对象编程的特性。Typescript可以编译成纯JavaScript代码，可以在任何支持JavaScript的环境中运行。
对于"for-await"循环未正确解析的问题，可能是由于Webpack和Typescript的配置或版本问题导致的。为了解决这个问题，可以尝试以下几个步骤：
- 确保Webpack和Typescript的版本兼容性。可以查看官方文档或社区论坛了解当前版本的兼容性情况，并根据需要升级或降级相关的依赖包。
- 检查Webpack配置文件中的loader配置。对于Typescript文件，需要使用ts-loader或awesome-typescript-loader等loader进行编译。确保loader的配置正确，并且支持async/await语法。
- 检查Typescript配置文件（tsconfig.json）。确保"lib"选项中包含"es2018"或更高版本的目标环境，以支持async/await语法。另外，可以尝试在"compilerOptions"中设置"downlevelIteration"为true，以解决for-await循环的问题。
- 检查代码中是否正确使用了for-await循环语法。确保在使用for-await循环时，正确处理异步迭代器（AsyncIterable）和异步迭代器结果（AsyncIteratorResult）。
如果以上步骤都没有解决问题，可以尝试搜索相关的社区论坛或开发者社区，查看是否有其他开发者遇到类似的问题，并寻求解决方案。
腾讯云提供了一系列与云计算相关的产品和服务，包括云服务器、云数据库、云存储、人工智能等。具体推荐的产品和产品介绍链接地址可以根据具体需求和场景来确定。
相关·内容
3回答
我正在尝试学习Typescript，我想我也应该在.ts中设置我的webpack配置。这是我的webpack.config.ts
import * as webpack from 'webpack';
import * as path from 'path';
const config: webpack.Configuration = {
entry: path.resolve('src/main.ts'),
module: {
rules: [
{
te
浏览 11提问于2018-03-16得票数 20
我正在开发的应用程序在Safari上运行有问题(它在其他任何地方都运行得很好)。在那里，它没有加载我的bundle.js文件，并显示了一条错误消息“在严格模式下意外使用了保留字'let‘。”
我从其他一些问题中看到，这很可能是由于代码转换程序的问题-但我不是Webpack或巴别塔的专家，我不知道从哪里开始解决这个问题。
以下是我的webpack配置(公共)文件：
const path = require('path');
const webpack = require('webpack');
module.exports = {
entry: [&
浏览 35提问于2018-07-21得票数 0
1回答
我在我的项目中使用了模块。但是，我得到了以下错误: Uncaught :意外的令牌导入。我使用的是Angular 4.2.5版本，Webpack 1.15.0版本和Typescript 2.3.4版本。这是我的Webpack文件：
var ExtractTextPlugin = require('extract-text-webpack-plugin');
var webpack = require('webpack');
var HtmlWebpackPlugin = require('html-webpack-plugin');
modul
浏览 19提问于2017-07-21得票数 0
我正在尝试运行我正在从ES6迁移到类型记录的Electon应用程序。使用我的配置，我可以成功地构建dll和main，但是得到了一个错误(SyntaxError:意外令牌.)当我想逃跑的时候。目前，项目文件混合了类型记录和javascript文件。
我使用以下依赖项(主要是)：
"@babel/core": "^7.2.2", "@babel/register": "^7.0.0" and others @babel.
"electron": "6.0.2"
"react": "
浏览 0提问于2019-08-16得票数 1
回答已采纳
3回答
我正在使用react创建一个使用webpack的网站。
目前，我的webpack.config.js如下所示：
var path = require('path');
var webpack = require('webpack');
module.exports = {
entry: './scripts/main.js',
output: {
path: __dirname,
filename: 'bundle.js'
},
module: {
loaders: [
{
浏览 3提问于2016-02-04得票数 0
回答已采纳
基本上，在JavaScript中加载模块是一件痛苦的事情.
所以我有一个TypeScript应用程序，我想和webpack一起编译。问题是，我的编辑器(vscode)似乎期望在没有扩展的情况下导入模块。例如：
import {IServer} from "../server/server";
在webpack里，只有当我包括了一个扩展的时候，我才能让它起作用。如果我包含一个扩展(即"../server/server.ts")，它构建在webpack中，但编辑器不识别它，并抛出一个模块找不到的错误。如果我省略了一个扩展(即“./server/server”)，we
浏览 0提问于2015-11-24得票数 3
回答已采纳
我正在尝试和webpack一起构建一个typescript react项目。我按照typescript教程进行了操作，但一直收到错误` `module parse failed：...您可能需要一个适当的加载器
我可以使用tsc进行编译，所以问题不在typescript本身。
在以下代码片段中，故障发生在<div>上
ReactDOM.render(
<div>Something</div>,
document.getElementById("content")
);
如果我将<div>替换为null，则webpa
浏览 1提问于2017-11-29得票数 1
我正在排除webpack的错误。
命令：bin/webpack --colors --progress
产生此错误：
ERROR in ./node_modules/@flatfile/sdk/dist/index.js 351:361
Module parse failed: Unexpected token (351:361)
File was processed with these loaders:
* ./node_modules/babel-loader/lib/index.js
You may need an additional loader to handle the re
浏览 19提问于2022-11-07得票数 1
回答已采纳
我正在使用webpack和ts-loader从一项繁琐的任务中转换文字，并生成源代码以供调试产品使用。我的团队希望能够看到原始的Typescript源代码，而不仅仅是JavaScript源代码。我仔细阅读了许多页面的文档和许多问题/答案，以寻找正确的解决方案，但到目前为止，我在浏览器中看不到Typescript文件，只能看到JavaScript版本。
我们的项目根模块，或“入口”的webpack任务，webpackEntry，是一个Javascript文件，它需要JavaScript文件，其中一些是从TypeScript编译，但一些只是手动创建。
我有一个webpack "prod“任
浏览 4提问于2016-03-31得票数 6
有没有可能使用TypeScript和Webpack来针对ES5，但是编写es6风格的模块？
我想写这样的模块：
export class MyClass {
}
然后像这样导入它们：
import {MyClass} from "Path/To/MyClass";
这与SystemJS和如下所示的tsconfig一起工作得很好：
"compilerOptions": {
"target": "es5",
"module": "system",
}
但是我想用Webpack而不是S
浏览 3提问于2016-04-21得票数 2
问题1)我试图在最近升级的角度应用程序4.4到8中构建，但是面对这个错误，我尝试了网络上的所有建议删除节点模块和重新安装的东西，但是没有任何帮助。
需要的额外帮助：-正如您所看到的，我已经安装了很多软件包，如果有人建议如何删除/卸载未使用的软件包，那就太好了。
无法读取未定义的属性“标志”(C:\code base\latitude-angular-upgrade-v3\node_modules\typescript\lib\typescript.js:30043:31) at bindChildrenWorker ) (C:\code base\latitude-angular-upgrad
浏览 3提问于2020-03-05得票数 0
1回答
更新:解决了！感谢@JulesRandolph指出循环依赖问题。
在我目前正在开发的项目中，我遇到了一个相当愚蠢的情况。该项目是围绕最新版本的TypeScript，webpack和令人敬畏的类型文本加载程序.
tsconfig包含以下别名：
"paths": {
"~actions" : [
"app/actions/index.ts"
],
"~components" : [
"app/components/index.ts"
],
"~helpers" : [
浏览 12提问于2017-11-16得票数 1
回答已采纳
当我试图在浏览器中访问我的应用程序的主页时，我得到了这个错误：
Uncaught ReferenceError: require is not defined
at Object.events (main.bundle.js:90508:1)
at __webpack_require__ (main.bundle.js:91217:33)
at fn (main.bundle.js:91451:21)
at eval (emitter.js:1:20)
at Object../node_modules/webpack/hot/emitter.js (main.bundle.js:90413:1
浏览 5提问于2022-06-14得票数 3
回答已采纳
2回答
因此，我试图使用Bulma，得到一个无法导入的_varibales.sass，这是我的src文件夹中的。所以我认为这是因为我没有配置webpack来支持Sass。
因此，我遵循了的配置指令，但随后我得到了一个加载程序错误。这是我第一次使用生webpack，而不是CRA。我这么做是因为我想更多地了解Webpack和巴贝尔。
我尝试过的另一件事是在dart-sass配置上找到Webpack配置。
我现在的错误是：
webpack-cli配置对象无效。Webpack已使用与API架构不匹配的配置对象进行初始化。
configuration.module.rules2应该是其中之一：“.”对象{编译
浏览 3提问于2021-01-10得票数 1
回答已采纳
我正在用角5开发一个web应用程序，现在我已经在我的application.But中包含了webpack 4，所有用styles.css文件编写的样式都没有反映在webpack创建的构建中。需要解决这个问题。下面的是我的webpack.common.js文件，它用于加载不同类型的文件，在我的应用程序构建中总是成功的，但是当它被加载到以组件.scss文件编写的browser.But 代码时，styles.css代码不会在我的站点上反射，这反映了正确的，我已经搜索了很多，但是没有找到任何解决方案来解决为什么会发生这个问题。
import styles from './styles.css&
浏览 0提问于2018-06-26得票数 0
我正试图让webpack在我的ReactJS &打字本应用程序中工作，但我得到了这个错误，我不知道我错过了什么。我有一个webpack.config.js文件，向下显示，还有tsconfig.json和来自package.json的脚本，向下看：
错误消息
C:\Users\perni\Projects\typescript_project\react-crud>yarn start
yarn run v1.19.1
$ webpack-dev-server --mode development --open --hot
(node:15192) Warning: req
浏览 6提问于2020-02-26得票数 2
最近发布的Node.js 16提供了对ES2021的更新支持和对ES模块的稳定支持，如何配置TypeScript以输出利用所有这些新特性的JavaScript代码？
浏览 3提问于2021-05-03得票数 18
回答已采纳
我想要发生的
我正在做一个用npx create-react-app my-app --typescript创建的react项目
我需要访问本地文件，所以我的计划是创建一个Rest。为了做到这一点，我想创建一些包含一些函数的.ts文件，然后通过API访问它们。
我试过的
我创建了一个简单的test.ts类型记录文件(我尝试过使用.ts和.tsx，但这并没有什么区别)，它只会将一些东西放到控制台上。我使用包运行代码。我使用过ts-node很多次了，我知道它很好用。
我用来运行的命令是node_modules/.bin/ts-node ./src/backend/test.ts，在运行代码之后，我
浏览 1提问于2019-09-02得票数 0
回答已采纳
我已经花了好几个小时了，运气不佳。
我需要使用引导js，它需要jQuery。在我看来，这两个库都已加载(至少我可以在控制台中使用$)，但是console中的jQuery和jquery引用不起作用。我的package.json
{
"name": "myproj",
"version": "0.0.0",
"description": "myproj",
"p
浏览 2提问于2017-02-05得票数 1
我有一个Javascript文件utils.js，其中包含一些实用程序函数。下面是一个示例：
export function RemoveHTML(Str) {
return Str.replace(/<[^>]*(?:>|$)/gi,'');
}
我可以通过像这样导入utils.js文件来使用这些函数：
import {RemoveHTML} from '../js/utils.js';
我还为一些数据查询提供了一个model.js文件(简化的伪代码)：
async function getStuff() {
await DB
浏览 7提问于2020-05-01得票数 3
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
即时通信 IM
对象存储活动推荐
腾讯云开发者
