問題タブ [dynamic-import]
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.
typescript - webpack による動的インポート
動的インポートの実装に問題があります (概念を理解していないだけかもしれません)。
で書かれたvue.js
アプリケーションがtypescript
ありますwebpack
。すべてのフレームワークは最新の安定版です。このアプリケーションがプラグイン コンポーネントをサポートすることを望みます。プラグインはアプリケーション構成で定義され、動的インポートで読み込まれ、どこかに表示できます。
Webpack 構成で 2 つの個別の構成をセットアップします。1 つはアプリ用、もう 1 つはプラグイン用です。
webpack.config.js
:
`~/ViewModels/TestChunk/registrations.ts':
`~/ViewModels/Home/main.ts':
使用法:
~/ViewModels/Components/ProjectAdministration/Test/projectAdminTest.vue
残念ながら、これはエラーを示しています:
javascript - Webpack の動的インポートが React のネストされたルートで正しく機能しない
私はWebpack 3.8.1とReact 16.6.3を使用しています。React.Lazy
のようなルートにネストされたコンポーネントを遅延ロードするために使用してい/vehicles/:vehicleId
ます。この場合、コンポーネントをロードしようとすると
、ERR_ABORTED 404 リクエストを作成する/vehicle/static/js/1.7ed7c333.chunk.js
代わりにHTTP リクエストが送信されます。/static/js/1.7ed7c333.chunk.js
問題を解決するための手がかりをリクエストしていただければ幸いです。
デバッグ時:/vehicles/
ルートを遅延ロードに変更すると正常に動作することがわかりましたが、要件のためにルート エンドポイントを変更できません。
ルートではなくカスタムパスからページを提供する必要package.json
があるためです。"homepage": "./"