當我的應用程式被部署到heroku上時，我遇到了一個問題，就是下一條資訊。
我的應用程式在 typescript/react 上運行，我想將其部署到 Heroku。我在我的應用程式中使用storybook/react。
這是我的tsconfig.json檔案
{
"compilerOptions": {
"目標"。"es5",
"lib": [
"dom",
"dom.iterable"。
"esnext".
],
"allowJs": true,
"skipLibCheck": true,
"esModuleInterop": true,
"downlevelIteration": true,
"allowSyntheticDefaultImports": true,
"strict": true,
"forceConsistentCasingInFileNames": true,
"noFallthroughCasesInSwitch": true,
"模塊"。"esnext",
"moduleResolution": "node",
"resolveJsonModule": true,
"isolatedModules": true,
"noEmit": true,
"jsx": "react-jsx"。
},
"include": [
"src/**/*"。
]
}
我專案的結構是：
- public
- src
- 組件
- (在這里我有所有匯入故事書的內容)
- 連接器
- 鉤子
- 布局
- 狀態
- 主題
- 實用程式
我在devDependencies中擁有storybook/react：
"devDependencies"/span>: {
"@storybook/addon-actions"/span>: "^6.3.1",
"@storybook/addon-essentials": "^6.3.1",
"@storybook/addon-links": "^6.3.1",
"@storybook/node-logger": "^6.3.1",
"@storybook/preset-create-react-app": "^3.1.6",
"@storybook/react": "^6.3.8",
"@types/node": "^16.7.13",
"@types/react-router-dom": "^5.1.7",
"color": "^1.4.0",
"create-react-component-folder": "^0.3.7",
"husky": "^7.0.1",
"prettier": "^2.3.2",
"yargs": "^17.0.1".
}
我在package.json中的dependencies物件中也有這樣的內容：
"@types/jest"/span>。"^26.0.23"。
"@types/react": "^17.0.11",
"@types/react-dom": "^17.0.8",
我不知道我有什么問題。最糟糕的是，如果我在本地運行該應用程式，它可以作業，但在Heroku上它就會崩潰。有什么辦法可以解決這個問題嗎？謝謝！
uj5u.com熱心網友回復：
我剛剛檢查了Heroku的檔案，發現devDependencies在部署前被剝離了。我認為這是因為devDependencies只用于構建，如果我沒有記錯的話，Storybook是在運行時而不是在編譯時使用的。所以，只要把它從devDependencies移到dependencies就可以了。
{
"dependencies"/span>: {
"@storybook/addon-actions"/span>: "^6.3.1",
"@storybook/addon-essentials": "^6.3.1",
"@storybook/addon-links": "^6.3.1",
"@storybook/node-logger": "^6.3.1",
"@storybook/preset-create-react-app": "^3.1.6",
"@storybook/react": "^6.3.8",
}
}
這篇文章討論了React是devDependency還是dependency。也許會有幫助:)
轉載請註明出處，本文鏈接：https://www.uj5u.com/qianduan/319746.html
標籤：