ゴール
だから私はこの構造を持つプロジェクトを持っています:
- ionic-app
- firebase-functions
- 共有しました
目標は、shared
モジュールに共通のインターフェースとクラスを定義することです。
制限事項
ローカルで使用するためにコードをnpmにアップロードしたくないので、コードをアップロードする予定はありません。100%オフラインで動作するはずです。
開発プロセスはオフラインで動作するはずですが、ionic-app
およびfirebase-functions
モジュールはfirebase(ホスティングおよび機能)にデプロイされます。したがって、shared
モジュールのコードはそこで利用できるはずです。
これまでに試したこと
- typescriptでProject Referencesを使用してみましたが、機能するまでには至っていません
- この質問の 2番目の回答のように、npmモジュールとしてインストールして試してみました
- 最初は問題なく動作しているようですが、ビルド中に実行すると
firebase deploy
次のようなエラーが発生します。
- 最初は問題なく動作しているようですが、ビルド中に実行すると
Function failed on loading user code. Error message: Code in file lib/index.js can't be loaded.
Did you list all required modules in the package.json dependencies?
Detailed stack trace: Error: Cannot find module 'shared'
at Function.Module._resolveFilename (module.js:548:15)
at Function.Module._load (module.js:475:25)
at Module.require (module.js:597:17)
at require (internal/module.js:11:18)
at Object.<anonymous> (/srv/lib/index.js:5:18)
質問
typescripts configまたはNPMを使用して共有モジュールを作成するためのソリューションはありますか?
これを重複としてマークしないでください→StackOverflowで見つけた解決策を試しました。
追加情報
共有の構成:
// package.json
{
"name": "shared",
"version": "1.0.0",
"description": "",
"main": "dist/src/index.js",
"types": "dist/src/index.d.ts",
"files": [
"dist/src/**/*"
],
"scripts": {
"test": "echo \"Error: no test specified\" && exit 1"
},
"author": "",
"license": "ISC",
"publishConfig": {
"access": "private"
}
}
// tsconfig.json
{
"compilerOptions": {
"module": "commonjs",
"rootDir": ".",
"sourceRoot": "src",
"outDir": "dist",
"sourceMap": true,
"declaration": true,
"target": "es2017"
}
}
関数の構成:
// package.json
{
"name": "functions",
"scripts": {
"lint": "tslint --project tsconfig.json",
"build": "tsc",
"serve": "npm run build && firebase serve --only functions",
"shell": "npm run build && firebase functions:shell",
"start": "npm run shell",
"deploy": "firebase deploy --only functions",
"logs": "firebase functions:log"
},
"engines": {
"node": "8"
},
"main": "lib/index.js",
"dependencies": {
"firebase-admin": "^8.0.0",
"firebase-functions": "^3.1.0",
"shared": "file:../../shared"
},
"devDependencies": {
"@types/braintree": "^2.20.0",
"tslint": "^5.12.0",
"typescript": "^3.2.2"
},
"private": true
}
// tsconfig.json
{
"compilerOptions": {
"baseUrl": "./",
"module": "commonjs",
"noImplicitReturns": true,
"noUnusedLocals": false,
"rootDir": "src",
"outDir": "lib",
"sourceMap": true,
"strict": true,
"target": "es2017"
}
}
現在のsoution
npmスクリプトを共有モジュールに追加しました。これにより、すべてのファイル(index.jsなし)が他のモジュールにコピーされます。これには問題があり、重複したコードをSCMにチェックインし、変更のたびにそのコマンドを実行する必要があります。また、IDEはそれを別のファイルとして扱います。