คำถามติดแท็ก babel

ฉันพยายามเรียกใช้รหัส ES6 ในโครงการของฉัน แต่ฉันได้รับข้อผิดพลาดในการส่งออกโทเค็นที่ไม่คาดคิด export class MyClass { constructor() { console.log("es6"); } }

221 javascript  ecmascript-6  webpack  babel 

ฉันกำลังพยายามสร้างโมดูลที่ส่งออกหลายคลาส 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, …

150 javascript  module  export  ecmascript-6  babel 

คำถามของฉันคือ: อะไรคือความแตกต่างระหว่างbabel-preset-stage-0, babel-preset-stage-1, babel-preset-stage-2และbabel-preset-stage-3และสิ่งที่เป็นทางเลือกที่ดีที่สุดเมื่อเราพัฒนาด้วยES6?

126 ecmascript-6  babel 

ในขณะที่ฉันกำลังตั้งค่า React ภายในโครงการ Django ฉันพบข้อผิดพลาดนี้ ModuleBuildError ในการสร้างโมดูลล้มเหลว (จาก ./node_modules/babel-loader/lib/index.js): SyntaxError: C: \ Users \ 1Sun \ Cebula3 \ cebula_react \ assets \ js \ index.js: การสนับสนุนสำหรับคลาสคุณสมบัติของไวยากรณ์ทดลอง 'ยังไม่ได้เปิดใช้งาน (17: 9): 15 | 16 | class BodyPartWrapper extends Component { > 17 | state = { | ^ 18 | 19 | …

117 reactjs  webpack  babeljs  babel 

ฉันสร้างโปรเจ็กต์ด้วย 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") มีคำแนะนำเกี่ยวกับเรื่องนี้ไหม? ขอบคุณล่วงหน้า. UPDATE: Kousha และ Dave นั้นถูกต้องหลังจากรอการอัปเดตแพ็คเกจ core-js ฉันได้สร้างโครงการใหม่และตอนนี้ก็ใช้งานได้

18 vue.js  babel 

พฤติกรรมปัจจุบันฉันกำลังสร้างโครงการเชิงมุมของฉันบนวงกลมและมันก็ทำให้ความล้มเหลวด้วยข้อความต่อไปนี้: มีข้อยกเว้นที่ไม่สามารถจัดการได้เกิดขึ้น: ไม่สามารถหาโมดูล '@ babel / compat-data / corejs3- จัดส่งข้อเสนอ' ต้องการสแต็ก: /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: …

15 angular  babel 

ฉันมีปัญหาอย่างมากในการทำให้ polyfills ทำงานใน Edge ฉันพยายามติดตามเอกสารด้วยความพยายามต่าง ๆ ทั้งหมดไม่ทำงาน ดูเหมือนจะเป็นสัญญาในที่สุดโดยเฉพาะที่ไม่ทำงาน สิ่งนี้เกิดขึ้นในโมดูล vuexดังนั้นฉันจึงลองเพิ่ม vuex ลงใน transpileDependencies ใน vue.config แต่ไม่มีโชค 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 …

15 javascript  vue.js  vuejs2  babel  polyfills 

การสนับสนุนสำหรับไวยากรณ์การทดลอง '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อย่างไร ป.ล.ฉันกำลังใช้"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ยังมีการกำหนดค่าที่เก่ากว่าและฉันไม่แน่ใจว่าฉันจะสามารถปรับปรุงได้อย่างไร

14 typescript  babel  create-react-app 

ในโปรเจค 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: ["@", "."] } } } } …

9 javascript  webpack  babel  eslint