Questions tagged «babel»

Babel(以前称为6to5)是JavaScript编译器。它将ES6 + / ES2015代码转换为ES5代码。


5
在ES6模块中导出多个类
我正在尝试创建一个导出多个ES6类的模块。假设我具有以下目录结构: my/ └── module/ ├── Foo.js ├── Bar.js └── index.js Foo.js并且Bar.js每个导出默认的ES6类: // Foo.js export default class Foo { // class definition } // Bar.js export default class Bar { // class definition } 我目前的index.js设置如下: import Foo from './Foo'; import Bar from './Bar'; export default { Foo, Bar, } 但是,我无法导入。我希望能够做到这一点,但是找不到类: import …


18
目前未启用对实验语法“ classProperties”的支持
当我在Django项目中设置React时,遇到了此错误 模块构建中的ModuleBuildError失败(来自./node_modules/babel-loader/lib/index.js):语法错误:C:\ Users \ 1Sun \ Cebula3 \ cebula_react \ assets \ js \ index.js:支持实验语法'classProperties '当前未启用(17:9): 15 | 16 | class BodyPartWrapper extends Component { > 17 | state = { | ^ 18 | 19 | } 20 | Add @babel/plugin-proposal-class-properties (https://git.io/vb4SL) to the 'plugins' section of your Babel …

4
无法通过vue-cli查找模块'./src/data'
我用vue-cli 4.1.1创建了一个项目,运行完纱服务后,出现以下错误 Error: [BABEL] C:\dev\vuestudy\src\main.js: Cannot find module './src/data' (While processing: "C:\\dev\\vuestudy\\node_modules\\@vue\\cli-plugin-babel\\preset.js") 有什么提示吗? 提前致谢。 更新: Kousha和Dave是正确的,在等待core-js软件包更新之后,我创建了一个新项目,现在它可以工作了。
18 vue.js  babel 

5
我在Babel构建用于生产的角度应用程序时遇到问题
当前行为我正在circleci上构建我的角度项目,但它始终失败并显示以下消息:发生未处理的异常:找不到模块'@ babel / compat-data / corejs3-shipped-proposals' 需要堆栈: /home/circleci/eleven-app/frontend/node_modules/@angular-devkit/build-angular/node_modules/@babel/preset-env/lib/polyfills/corejs3/usage-plugin.js /home/circleci/eleven-app/frontend/node_modules/@angular-devkit/build-angular/node_modules/@babel/preset-env/lib/index.js /home/circleci/eleven-app/frontend/node_modules/@angular-devkit/build-angular/node_modules/@babel/core/lib/config/files/plugins.js /home/circleci/eleven-app/frontend/node_modules/@angular-devkit/build-angular/node_modules/@babel/core/lib/config/files/index.js /home/circleci/eleven-app/frontend/node_modules/@angular-devkit/build-angular/node_modules/@babel/core/lib/index.js /home/circleci/eleven-app/frontend/node_modules/@angular-devkit/build-angular/src/utils/process-bundle.js /home/circleci/eleven-app/frontend/node_modules/jest-worker/build/workers/processChild.js 我在用 { "@babel/plugin-proposal-numeric-separator": "^7.8.3", "core-js": "3.2.1", "tslib": "^1.11.1", "@babel/compat-data": "~7.8.0", "@babel/runtime-corejs3": "^7.9.2", "ts-node": "7.0.0", "tslint": "5.11.0", "typescript": "3.5.3", } resolutions: { "@babel/preset-env": "^7.8.7" } 这是npx nls为什么@ babel / preset-env输出: eleven-app-frontend > @angular-devkit/build-angular > @babel/preset-env@7.8.7 eleven-app-frontend > …
15 angular  babel 

3
为什么我的Vue项目中的promise.finally在Edge中不起作用?
让我的polyfill在Edge中工作时遇到了很大的麻烦。我尝试了各种尝试,但都没有按照文档进行操作。这似乎是有希望的。最后特别是那是行不通的。这是在vuex模块中发生的,因此我尝试将vuex添加到vue.config中的transpileDependencies,但是没有运气。 我的babel.config.js: module.exports = { presets: [['@vue/cli-plugin-babel/preset', { useBuiltIns: 'entry', }]], }; 在我的main.js中,最顶部有以下两个导入: import 'core-js/stable'; import 'regenerator-runtime/runtime'; 我的vue.config.js // eslint-disable-next-line import/no-extraneous-dependencies const webpack = require('webpack'); const isProd = process.env.NODE_ENV === 'production'; module.exports = { configureWebpack: { // Set up all the aliases we use in our app. plugins: [ new …

3
如何使用Create React App和TypeScript启用可选链接
目前未启用对实验语法“ optionalChaining”的支持 我收到上述错误。我关注了这篇文章,并添加"@babel/plugin-proposal-optional-chaining": "^7.7.4"到了我的文章中devDependencies。 然后我得到这个错误, 将@ babel / plugin-proposal-optional-chaining(https://git.io/vb4Sk)添加到Babel配置的“插件”部分以启用转换。 所以我关注了这篇文章,并将.babelrc文件添加到了项目的根目录中 { "presets": ["react", "es2015","stage-1"], "plugins": ["transform-runtime", "transform-optional-chaining"] } 这似乎什么也没做。我还听到有人提到Create React App不允许您修改babel的配置。所以我的问题是,如何在不重新布线的情况下启用可选链接CRA? PS我正在使用"typescript": "^3.7.2",或者至少这就是我package.json所说的。我试图npm install确保它已更新。不知道是否CRA在做一些奇怪的事情,并TypeScript以某种方式使用了旧版本。 编辑: 当我从开始项目时CRA,我相信我们正在使用TypeScript: 3.6.x。我想用Optional Chaining,所以我改变了我的package.json文件,"typescript": "^3.7.2"然后npm install。我认为问题是,TypeScript知道我正在使用3.7.2,但CRA仍具有较旧的配置,我不确定如何更新它。

2
如何使eslint解析jsconfig中映射的路径
在我的nextjs项目中,我已映射路径jsconfig.json以轻松进行绝对导入 { "compilerOptions": { "baseUrl": "./", "paths": { "@/*": ["./*"] }, "target": "es6", "module": "commonjs", "experimentalDecorators": true } } 我的导入路径如下所示 import { VIEW } from '@/src/shared/constants'; 我的eslintrc.js设置指定为 module.exports = { ... , settings: { "import/resolver": { alias: { extensions: [".js"], map: ["@", "."] } } } } 我仍然收到错误消息说无法解决“ @ / …
By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.