タグ付けされた質問 「babel」

プロジェクトでES6コードを実行しようとしていますが、予期しないトークンエクスポートエラーが発生します。 export class MyClass { constructor() { console.log("es6"); } }

220 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, Bar, } ただし、インポートできません。これを実行したいのですが、クラスが見つかりません。 import …

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 

Djangoプロジェクト内でReactをセットアップしているときに、このエラーに遭遇しました モジュールビルドのModuleBuildErrorが失敗しました（./node_modules/babel-loader/lib/index.jsから）：SyntaxError：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 …

117 reactjs  webpack  babeljs  babel 

vue-cli 4.1.1でプロジェクトを作成し、yarn serveを実行した後、次のエラーが発生しました 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 

現在の動作私は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 

Edgeでポリフィルを機能させるのに非常に苦労しています。私はすべてがうまくいかない様々な試みでドキュメントを追おうとしました。それはpromise.finally具体的には機能していないようです。これはvuexモジュールで発生するため、vue.configの transpileDependenciesにvuexを追加しようとしましたが、うまくいきませんでした。 私のbabel.config.js： module.exports = { presets: [['@vue/cli-plugin-babel/preset', { useBuiltIns: 'entry', }]], }; 私のmain.jsでは、最上部に次の2つのインポートがあります。 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: [ …

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設定の 'plugins'セクションに追加して、変換を有効にします。 だから私はこの投稿をフォロー.babelrcし、プロジェクトのルートにファイルを追加しました { "presets": ["react", "es2015","stage-1"], "plugins": ["transform-runtime", "transform-optional-chaining"] } これは何もしなかったようです。また、誰かがCreate React Appバベルの設定を変更できないと言っている人もいました。だから私の質問は、全体を再配線せずにオプションのチェーンを有効にするにはどうすればよい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それでも古い設定があり、それをどのように更新できるかわかりません。

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: ["@", "."] } } } } 「@ / what …

9 javascript  webpack  babel  eslint