草庐IT

babel-plugin-transform-vue-jsx

全部标签

javascript - Vue 3 CLI - 如何为 Object.entries 添加 babel polyfill

我有一个依赖项(vue2-google-maps),它导致我的Vue应用程序在旧版浏览器中出现问题,并引发Object.entries错误。阅读VueCLIDocsonpolyfills,我看到它提到尝试在babel.config.js中加载polyfill。我的babel.config.js:module.exports={presets:[['@vue/app',{polyfills:['es6.object']}]]}抛出错误:Modulebuildfailed(from./node_modules/babel-loader/lib/index.js):TypeError:[BA

javascript - Nextjs React SSR with styled-jsx - 无法读取未定义的属性 'state'

我偶然发现了一个我似乎无法解决的问题。我试图在这里搜索解决方案,但无法帮助自己。我是javascript的新手,所以要考虑周到。问题:我将React(16.5.0)与nextjs(6.1.2)和styled-jsx一起使用,如下所示:importReact,{Component}from'react';importPropTypesfrom'prop-types';importLinkfrom'next/link';classProductCardextendsComponent{constructor(props){super(props);this.state={imgLoaded

javascript - webpack 和 babel-polyfill : Can't resolve 'core-js/modules/es6.array.map' in source directory

当我执行webpack时遇到这个错误:Modulenotfound:Error:Can'tresolve'core-js/modules/es6.array.map'in'/path/to/project/src'@./src/index.ts1:0-39index.ts:console.log([1,2,3].map(x=>x*x));.babelrc:{"presets":[["@babel/preset-env",{"useBuiltIns":"usage"}]]}webpack.config.js:constpath=require('path');module.exports

盘点6个.NetCore+Vue前后端分离的开源项目

今天我们一起梳理下6个,比较受到大家欢迎的.NetCore+Vue前后端分离的开源项目。1、Vol.NetCore构建的简单、跨平台快速开发框架项目简介这是一个基于.NetCore构建的简单、跨平台快速开发框架。前后端封装了上千个常用类,方便扩展;集成了代码生成器,支持前后端业务代码生成,实现快速开发,提升工作效率;框架集成了表单、表格、图表等各种常用的Demo方便直接使用;后端框架支持Vue2、Vue3。技术架构1、跨平台:这是基于.NetCore开发的系统,可以部署在Docker,Windows,Linux,Mac。2、数据库支持:MicrosoftSQLServer,PostgreSQL

javascript - JSX 编译器输出不是有效的 JavaScript

我在玩React时遇到了离线JSX编译器的问题。这是我的JSX代码,它位于一个名为helloworld.js的文件中,位于我的项目根目录中一个名为src的文件夹中:/**@jsxReact.DOM*/varHello=React.createClass({render:function(){returnHello,{this.props.name}}});React.renderComponent(,document.getElementById('example'));在命令行中,当我导航到项目的根目录并运行此命令时:jsx/src/build输出文件helloworld.js在bu

javascript - 使用 Webstorm (Babel) 进行 ES6 调试

有webstormv10,babelfile-watcher工作正常,一切都很好。现在我想调试代码,有什么方法可以调试ES6文件本身,还是必须在编译的JS输出文件babel上调试?请指教。 最佳答案 Jetbrains'ticketsystem中存在与此相关的问题.我认为这个问题已经解决了。另见对应的GitHubissueintheBabelrepo.有一个examplesetuponJetbrains'blog,基本上设置了babel标志,例如--source-maps。这可能是一个duplicate.

javascript - 将 webpack 和 babel 与父项目目录中的文件一起使用

我有一个这样设置的项目,我正在尝试从file-b.js中获取file-a.js。project-name/node_modules/src/file-a.jstools/tool-name/node_modules/src/file-b.jswebpack.config.jspackage.jsonpackage.json我的webpack1.13.0配置一直有效,直到我添加了babel-loader6.2.4和babel-preset-es20156.6.0.然后我开始收到错误消息。ERRORin/home/dan/dev/dan/project-name/src/file-a.js

javascript - 找不到兼容版本 : babel-plugin-transform-decorators@^6. 13.0

很明显,当我运行npminstall时,突然出现以下错误:npmERR!Nocompatibleversionfound:babel-plugin-transform-decorators@^6.13.0npmERR!Validinstalltargets:npmERR!6.8.0,6.6.5,6.6.4,6.6.0,6.5.0,6.5.0-1,6.4.0,6.3.13,6.2.4,6.1.18,6.1.17,6.1.10,6.1.5,6.1.4,6.0.14,6.0.2我在package.json中有以下依赖项。我已经尝试将babel包更新到最新版本,以及安装babel-plugin

javascript - eslint-plugin-import 为 webpack 别名错误

我在我的项目中使用了webpack的别名。在我的原始项目中一切正常,但是当我克隆该项目时,我的webpack别名从import/no-unresolved中得到错误:Casingof$js/Controllerdoesnotmatchtheunderlyingfilesystemimport/no-unresolved更有趣的是我的项目运行良好。import/no-unresolved似乎发送了showfalse错误。有关更多详细信息,我添加了几个链接:.eslintrc.js,webpack.config.babel.js,LinktomyRepo如果您还需要什么,请告诉我。

javascript - Vue2 中的条件 Prop

我有一个用例,我可能需要将对象props作为props传递给子组件。最初,我在一个组件中包含一个表单和一个表格。此表单将接受输入,将执行异步请求并呈现表格以供用户进行选择。然后用户可以点击一个按钮并隐藏表格并恢复表格以便重新输入参数。由于表单的内容取决于其父级的状态,因此最后的搜索参数仍在表单中。当我重构组件以创建父组件的表单和表格子组件时,问题就出现了。现在表单将$emit事件给它的父级,它会执行异步操作并将结果作为props传递给表。这工作正常,但是当用户点击“返回表单”按钮时,表单会重新呈现,从而将其状态重置为初始值。我尝试将表单的内容存储在父级中并将其作为props传递回表单,