Q&A
package.json およびビルド手順を提示してください
firebase でチャットボットアプリをデプロイしています。
以下のエラーでデプロイが中断されます。
Error: Error occurred while parsing your function triggers. /Users/***********/Desktop/chatbot-demo/functions/src/index.ts:1 import * as functions from 'firebase-functions'; ^^^^^^ SyntaxError: Cannot use import statement outside a module at wrapSafe (internal/modules/cjs/loader.js:1053:16) at Module._compile (internal/modules/cjs/loader.js:1101:27) at Object.Module._extensions..js (internal/modules/cjs/loader.js:1157:10) at Module.load (internal/modules/cjs/loader.js:985:32) at Function.Module._load (internal/modules/cjs/loader.js:878:14) at Module.require (internal/modules/cjs/loader.js:1025:19) at require (internal/modules/cjs/helpers.js:72:18) at /usr/local/lib/node_modules/firebase-tools/lib/triggerParser.js:19:15 at Object.<anonymous> (/usr/local/lib/node_modules/firebase-tools/lib/triggerParser.js:57:3) at Module._compile (internal/modules/cjs/loader.js:1137:30)
試したこと
nodeのバージョンアップnode"8"→"10"
Blazeプランへの移行
npm install @google-cloud/logging@0.7.1
他に試した方が良いこと、
あるいは解決の糸口を、どなたかご教授頂けませんか。
どうぞよろしくお願いします。
いえ、こちらこそ不慣れで申し訳ありません。
package.json
Javascript
1{ 2 "name": "chatbot-demo", 3 "version": "0.1.0", 4 "private": true, 5 "dependencies": { 6 "@google-cloud/logging": "^0.7.1", 7 "@material-ui/core": "^4.11.3", 8 "@material-ui/icons": "^4.11.2", 9 "@material-ui/system": "^4.11.3", 10 "@testing-library/jest-dom": "^5.11.4", 11 "@testing-library/react": "^11.1.0", 12 "@testing-library/user-event": "^12.1.10", 13 "firebase": "^8.4.2", 14 "react": "^17.0.2", 15 "react-dom": "^17.0.2", 16 "react-scripts": "4.0.3", 17 "web-vitals": "^1.0.1" 18 }, 19 "scripts": { 20 "start": "react-scripts start", 21 "build": "react-scripts build", 22 "test": "react-scripts test", 23 "eject": "react-scripts eject" 24 }, 25 "eslintConfig": { 26 "extends": [ 27 "react-app", 28 "react-app/jest" 29 ] 30 }, 31 "browserslist": { 32 "production": [ 33 ">0.2%", 34 "not dead", 35 "not op_mini all" 36 ], 37 "development": [ 38 "last 1 chrome version", 39 "last 1 firefox version", 40 "last 1 safari version" 41 ] 42 } 43}
ビルド手順とは、コンソールに出力されているログは以下のとおりです。
javascript
1i deploying firestore, functions, hosting 2i firestore: reading indexes from firestore.indexes.json... 3i cloud.firestore: checking firestore.rules for compilation errors... 4✔ cloud.firestore: rules file firestore.rules compiled successfully 5i functions: ensuring required API cloudfunctions.googleapis.com is enabled... 6i functions: ensuring required API cloudbuild.googleapis.com is enabled... 7✔ functions: required API cloudbuild.googleapis.com is enabled 8✔ functions: required API cloudfunctions.googleapis.com is enabled 9i functions: preparing functions directory for uploading... 10 11Error: Error occurred while parsing your function triggers. 12
tsconfig.jsonというファイルの内容を追記します。
拡張子はjsonであってるのでしょうか？
該当するファイルが思い当たらず、申し訳ありません。
tsconfig.json
1{ 2 "compilerOptions": { 3 "module": "commonjs", 4 "noImplicitReturns": true, 5 "noUnusedLocals": true, 6 "outDir": "lib", 7 "sourceMap": true, 8 "strict": true, 9 "target": "es2017" 10 }, 11 "compileOnSave": true, 12 "include": [ 13 "src" 14 ] 15}
firebase.jsonファイルを発見しました。
追記します。
javascript
1{ 2 "firestore": { 3 "rules": "firestore.rules", 4 "indexes": "firestore.indexes.json" 5 }, 6 "hosting": { 7 "public": "public", 8 "ignore": [ 9 "firebase.json", 10 "**/.*", 11 "**/node_modules/**" 12 ] 13 } 14}
反応ありがとうございます。
package.json
{
"type": "module",
"name": "functions",
"scripts": {
"lint": "eslint --ext .js,.ts .",
"build": "tsc",
"serve": "npm run build && firebase emulators:start --only functions",
"shell": "npm run build && firebase functions:shell",
"start": "npm run shell",
"deploy": "firebase deploy --only functions",
"logs": "firebase functions:log"
},
"engines": {
"node": "10"
},
"main": "src/index.ts",
"dependencies": {
"firebase-admin": "^9.2.0",
"firebase-functions": "^3.11.0"
},
"devDependencies": {
"@typescript-eslint/eslint-plugin": "^3.9.1",
"@typescript-eslint/parser": "^3.8.0",
"eslint": "^7.6.0",
"eslint-config-google": "^0.14.0",
"eslint-plugin-import": "^2.22.0",
"firebase-functions-test": "^0.2.0",
"typescript": "^3.8.0"
},
"private": true
}
ビルドの際のログ
npm run build
> chatbot-demo@0.1.0 build /Users/***********/Desktop/chatbot-demo
> react-scripts build
Creating an optimized production build...
Failed to compile.
./src/components/Forms/FormDialog.jsx
Cannot find file '../../webhookConfig' in './src/components/Forms'.
npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! chatbot-demo@0.1.0 build: `react-scripts build`
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the chatbot-demo@0.1.0 build script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.
npm ERR! A complete log of this run can be found in:
npm ERR! /Users/**************/.npm/_logs/2021-04-28T15_46_43_785Z-debug.log
言葉足らずで申し訳ないのですが、コードやエラーを提示するときは質問を編集して追記してください。
インデント等がわからなくなるので非常に読みづらいです。
また、package.json の build は tsc のみ指定されているのに、 npm run build では react-scripts build が実行されています。
おそらくこの package.json は functions/package.json などの場所に記載されているもので、 npm run build は functions のビルド手順ではないと思います。
firebase deploy コマンドはたしかに手順なのですが、実際に functions をデプロイするときには例えば firebase.json に "functions" の項目があり、 TypeScript をビルドするための手順があると思うのですが…
いえ、 firebase.json というファイルがあると思うのですが…
functions/firebase.json ではなく、 プロジェクトルート（と言ってわかりますかね？）にあるはずです。
firebase deploy を実行する場所に当たるはずです。
あなたの回答
tips
プレビュー
