ウェブサイト検索
typescript - Webpack Babel が間違った JavaScript を生成する
次のコードから banners is not defined というエラーが出ています。
export const selectInfoBanners = createSelector( selectInfo, info => { const banners = [...info.banners]; while (banners.length < 2) { banners.push({ url: "" }); } return banners; } );しかし、生成されたコードは
var selectInfoBanners = Object(reselect__WEBPACK_IMPORTED_MODULE_0__["createSelector"])(selectInfo, function(a) { for (var b = _toConsumableArray(a.banners); 続きを読む →reactjs - TypeScript（Babel）ベースのモノリポで create-react-app のテストを取得する方法
私は https://github.com/serhii-havrylenko/monorepo-babel-ts-lerna-starter の例（lerna、yarn workspaces、TypeScript と Babel トランスパイルに基づくモノレポ）を取り、それに create-react-app ベースのアプリをプロジェクトに追加しました。
いくつか調整した後、UIプロジェクトでyarn buildとyarn startが正しく動作するようになり、他のパッケージで定義されたモジュールを（正常に）取り込めるようになりました。最も重要な変更は、モジュールを見つけるためにTypeScriptのpathやbaseUrlの設定を使うのをやめ、代わりにワークスペースリンクを使用するようにしたことです。
私の問題は、UIプロジェクトでyarn testを実行できないことです。実行すると、次のようになります:
FAIL src/App.test.tsx 続きを読む →mocha.js - mocha 6 を babel 7 と TypeScript 3.7 で実行する方法は？
BabelとTypeScriptでMochaのテストをどのように実行できますか？
私が試しているコマンドは次の通りです:
node_modules/.bin/mocha --require @babel/register "src/**/*.spec.ts"私が受けているエラーは次の通りです:
.../src/Sql.spec.ts:1 import 'mocha'; ^^^^^^^ SyntaxError: Unexpected string私の.babelrcは次のようになっています:
{ "presets": [ ["@babel/preset-env",{"targets": {"node": "10.7"}}], ["@babel/preset-typescript",{"allowNamespaces": true}] 続きを読む →javascript - なぜ私の babel-polyfill は node_modules ディレクトリ内の ts ファイルを解析するのですか？
私は npm run dev を実行すると、コンソールに以下の警告が表示されます。こちらが私の基本的な webpack 設定です。entry では 'babel-polyfill' を使用しており、babel-loader の設定では node_modules ディレクトリを除外しています:
module.exports = { entry: { index: ['babel-polyfill', entry] }, output: { path: dist }, resolve: { extensions: ['.web.js', '.js', '.jsx', '.less', '.scss', '.css', '.json', '.png', '.jpg', '.jpeg'], alias: { '@': src, '@utils': path.r 続きを読む →node.js - Typescript + babel + node で import 構文を使用できません SyntaxError: モジュールの外で import 文を使用できません
私は、GraphQL + Node + Babel + Express + TypeScript を使用しようとしているプロジェクトで、import 構文を使おうとしています。例えば、apollo-client-express パッケージを使おうとするとエラーが表示されます。TypeScript には * のような独自の import 構文があることは知っています。実際のところ、問題を解決できずにいます。これは Babel や TypeScript の設定、あるいは他の何かが原因なのでしょうか？こちらが私の
tsconfig.json:
{ "compilerOptions": { "module": "commonjs", "declaration": true, "moduleResolution": "node& 続きを読む →reactjs - React、TypeScript、Babel、WebpackでのIE11の白いページ
私は、Babel と Webpack を使って TypeScript で書かれた React アプリケーションを持っています。Firefox と Chrome では問題なく読み込まれますが、Internet Explorer 11 では空白のページが表示されます。私はこのプロジェクトに不慣れで、React/Babel/WebPack/TypeScript に関する経験もあまりありません。アプリを IE11 でも動作させる必要があります。これまで数日間、自分の扱っているものについて学び、ウェブ上で見つけたさまざまな方法を試してきましたが、まだ解決策は見つかっていません。下記に投稿した内容に基づいて、この素晴らしいコミュニティの皆さんが IE11 で読み込むための解決策を見つける手助けをしてくれることを期待しています。本番環境で動作させる必要がありますが、開発環境はそれほど重要ではありません。
package.json の関連項目
. . "scripts": { "build": " 続きを読む →npm - Typescriptでbabelを実行するときの予期しないトークン
私はGithubにTypeScriptライブラリを公開する方法についてのチュートリアルを書いており、BabelとTypeScriptを一緒に動かすのに苦労しています。私はTypeScriptのドキュメントからGreeterクラスを使用していますが、Babelを実行すると次のエラーが発生します。
SyntaxError: src/Greeter.ts: Unexpected token (3:10) 1 | // From the TypeScript docs: https://www.typescriptlang.org/docs/handbook/classes.html 2 | class Greeter { > 3 | greeting: string; | ^ 4 | 5 | constructor(message: string) { 6 | this.greeting = message; npm ERR! code ELIFECYCLE npm ERR! errno 続きを読む →Babelは、RollupのTypeScriptプラグインを使用する場合にコンパイルされません
私は @rollup/plugin-typescript を @rollup/plugin-babel と一緒に動かすことができず、TS コードから生成された JS は Babel によって変換されません
関連する問題の解決策を探しましたが、うまくいかないようでした（babel 7 が TypeScript プラグインと一緒に Rollup で使用されたときにトランスパイルされない）。
以下は私のrollupの設定です
import { terser } from "rollup 続きを読む →node.js - BabelローダーがReactアプリで自分のNPMパッケージをコンパイルしない
私は今年の初めからJavaScript/TypeScriptを学び始めました。なぜなら、すべてが連携するマイクロサービスのグループを作ることに決めたからです。私は自分のAPIをnestJSで作成しましたが、各マイクロサービスからAPIを呼び出すたびに同じコードを何度も繰り返していることに気づき、それをすべて別のパッケージにまとめて使用できるようにしました。
私のnpmパッケージを使用している他のすべてのプロジェクトは、エラーを起こさず正常に動作しますが、これらのプロジェクトはbabelを使用して作られています。私は新しいパッケージをReactのフロントエンドプロジェクトに組み込もうと決めましたが、パッケージをインポートして使用しようとすると、エラーが発生します
SyntaxError: D:\Projects\Node\Lab Maker\redditbot-frontend\node_modules\labmaker-api-wrapper\lib\utils\BaseAPI.js: Missing class properties tr 続きを読む →node.js - @babel/register に ESM インポートをトランスパイルさせる方法は？
私はランタイムでTypeScriptファイルをトランスパイルするために次のものを使用しています。
import babelRegister from "@babel/register" babelRegister({ presets: [ "@babel/preset-env", "@babel/preset-react", "@babel/preset-typescript", ], extensions: [".tsx"], cache: false, })CommonJSからESMにコードベースを移行しようとするまでは、すべて順調に動作していました。
Sindre Sorhusによると、拡張子が指定されていない場合（./src/routers/Staticは./src/routers/Static.tsxを指す
続きを読む →