問題タブ [babel-loader]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
reactjs - React コンポーネントがレンダリングされない/ブラウザーに表示されない
最新の npm パッケージをすべて含む反応プロジェクトがあります。package.json ファイルの github リンクを確認してください
作成された bundle.js ファイルとコンポーネントが chrome 開発者ツールで表示されますが、これらのコンポーネントがブラウザーでレンダリングされるのは表示されません。
下の画像を参照してください
React devtool タブ
node.js - ES6 の npm パッケージが webpack にバンドルされない
私のプロジェクトでは
package.json(babel関連するパッケージのみを記載):
"webpack": "^3.5.5"、"webpack-dev-server": "^2.7.1"
npmパッケージ「ui/base」はES 6. そして、私はそれを次のようなページにインポートしようとしています
import '@ui/base';.
package.json「ui/base」の。
パッケージのビルドされたバージョンはui/base/target/package/@ui/base/0/Main.js
現在、プロジェクトのビルドプロセス中に、次のエラーが表示されます
コンポーネントのソースからエラーがスローされています。パッケージのビルド バージョンが、プロジェクトのビルド プロセスに取り込まれていません。
webpackプロジェクトをビルドするために、次のルールを使用しています。
以下は.babelrcプロジェクト内です。
ES6 で書かれたパッケージを使用しなくても、すべて正常に動作します。
アップデート
「メイン」package.jsonを@ui/base～に変更すると
それは動作します。実は「main」は「./src/index.js」へのポイントです。
ここでも迷っています。"main" がパッケージのビルド バージョンを指していないのはなぜですか?
この問題を解決するには? babel または webpack とのバージョンの非互換性はありますか? ES6 で書かれた npm パッケージのビルド バージョンを取得できないのはなぜですか?