babel-loader相关内容

使用创建-反应-应用程序和故事书时出现依赖关系树错误

TLDR: 如何指导故事书使用Babel-Loader v8.1.0或强制Reaction脚本使用Babel-Loader v^8.2.2? 详细信息 我使用./Example文件夹开发了一个lib,该文件夹本身就是使用Create-Reaction-app创建的项目。我想要在常规示例页面之外添加故事书,所以我安装了故事书。 安装故事书后,我无法再使用yarn start启动示 ..
发布时间:2022-06-19 16:51:48 其他开发

如何使用 Webpack 5 和 Babel 7 创建 IE11 包

我们如何将现代 JavaScript 编译成可与 Internet Explorer 11 (ie11) 一起使用的向后兼容的 JavaScript 包?具体来说,我们如何使用最新版本的 Webpack 5 和 Babel 7 来做到这一点? 解决方案 这是我能创建的最少配置,其中包含一个测试文件,用于在 IE 11 中进行测试.在 GitHub 上下载. package.json ..

使用 webpack 和 babel-loader 进行转译时,TypeGraphQL @Arg 装饰器因解析器错误而失败

我正在使用 typegraphql 从用 @Resolver 注释修饰的打字稿类生成 graphql 解析器.只要我不添加 @Arg 装饰器来定义解析器方法的参数,我就可以使用 webpack 和 babel-loader 转译/捆绑我的源代码. 以下是我的 webpack 配置(至少是与我相关的部分): loader: "babel-loader",选项: {预设:["@babel/pr ..

Webpack - 多次包含文件

我想通过两个不同的加载器两次包含一个文件.原因是我想在 ES6 中显示代码片段,同时允许它们在不支持语法的浏览器中运行. 实际上我想要实现的是以下但两个加载器结果都包含在输出中 - {测试:/\.(js|jsx)$/,排除:/node_modules/,loader: "babel-loader"},{测试:/\.(js|jsx)$/,包括:/app\/examples/,用: [{加载器 ..

未捕获的 ReferenceError:regeneratorRuntime 未在 react 17、webpack 5 中定义,同时通过操作进行 api 调用

在尝试使用 superagent 进行 api 调用时出现此错误 Uncaught ReferenceError: regeneratorRuntime is not defined. 目前我正在使用 react 17、webpack 5 以及 css 模块和所有最新的包. package.json {“依赖关系":{“日期-fns":“^2.16.1",“反应":“^ 17.0.1 ..
发布时间:2021-09-23 19:08:15 前端开发

Webpack Babel-loader 使用 eval() 转译代码

我在使用 Webpack 和 Babel 时遇到了问题.我正在尝试将我的 JavaScript 代码转换成一个包文件.这是文件结构和片段: 文件结构: - src|文件.js包.jsonwebpack.config.js package.json: {"name": "babel-webpack-starter","版本": "1.0.0",“描述": "","main": "inde ..
发布时间:2021-09-23 19:04:26 其他开发

如何让动态导入在 webpack 4 中工作

我正在尝试将我的应用迁移到 webpack 4.我的头已经很痛了. 动态导入 - 这是我的代码拆分方法(逐页).但我无法让它工作.使用以下软件包设置了非常简单的测试器: "devDependencies": {"babel-core": "^6.26.3","babel-loader": "^7.1.4","babel-plugin-transform-async-to-generator ..
发布时间:2021-09-23 18:51:04 前端开发

VueJS.模块解析失败:意外令牌 <

我的一个 .vue 脚本有这个导入语句: 从'element-ui/packages/slider/src/main.vue'导入ElSlider 问题是,当它编译时,它会抛出一个错误: 编译失败../node_modules/element-ui/packages/slider/src/marker.js 13:6模块解析失败:意外令牌 (13:6)您可能需要一个合适的加载器来处理此文件类 ..
发布时间:2021-09-20 20:04:28 其他开发

Strapi 开发命令失败

我正在尝试设置皮带.我成功地创建了应用程序.但是当我运行命令 yarn develop 我得到以下错误 错误:./.cache/plugins/strapi-plugin-content-manager/admin/src/components/RepeatableComponent/Banner.js 2:87模块解析失败:意外令牌 (2:87)文件是用这些加载程序处理的:* ./node_m ..
发布时间:2021-08-30 20:15:16 其他开发

Webpack 排除文件夹

我正在通过 Webpack 推送一个相当大的应用程序,它从两个库文件夹中提取:第三方和 node_modules.我已经为 js 文件设置了规则: {测试:/\.js$/,loader: 'babel-loader',包括: [/src\/js\/客户端/],排除: [/node_modules/,/第三方/]} 我希望 webpack 不会解析这两个目录中的任何一个下的任何文件夹,但是我收到 ..
发布时间:2021-06-08 18:34:29 前端开发

如何使使用"npm link"链接的babel可移植模块链接到服务器.

我当前的项目(my-project)中有很多代码,新代码将需要这些代码.该代码已用ES6编写,并与babel一起进行了转译. 我已经使用此共享代码创建了一个名为"my-module"的模块,并使用 npm link 将其链接到"my-project" 问题是,当我启动项目时,"my-module"中的代码没有被转录,并在import语句上抛出了错误. 我的模块内部的代码将被大量编辑 ..

在函数内部测试setTimeout时,Jasmine测试用例失败

大家好, 我对测试框架Jasmine相当陌生.我们有一个TS项目设置,我正在尝试测试一个由 setTimeout 组成的函数,但是它一直失败.我正在尝试使用时钟 一个要点我注意到的是,一旦我将webpack配置更改为ts-loader,我就在使用babel-loader.测试用例不会失败.(不知道为什么Why‍♀️).我已经检查了多次,但没有运气. 更新 我弄清楚了为什么测试用例 ..
发布时间:2021-04-14 18:54:08 其他开发