Reactjs Firebase未使用最后一个bundle.js-React
我有一个React课程的样板代码,该课程使用Heroku主机和Thread进行开发。 我正在切换到Firebase,我可以启动并运行我的web应用程序,但当我部署(Firebase部署)并在本地运行(Firebase服务)时,它使用了旧版本。我想这与没有使用最新的bundle.js(和webpack配置)有关。 但是尝试使用build,它将不起作用。关于我应该尝试什么有什么想法吗 这是我的package.json:Reactjs Firebase未使用最后一个bundle.js-React,reactjs,firebase,webpack,bundle,firebase-hosting,Reactjs,Firebase,Webpack,Bundle,Firebase Hosting,我有一个React课程的样板代码,该课程使用Heroku主机和Thread进行开发。 我正在切换到Firebase,我可以启动并运行我的web应用程序,但当我部署(Firebase部署)并在本地运行(Firebase服务)时,它使用了旧版本。我想这与没有使用最新的bundle.js(和webpack配置)有关。 但是尝试使用build,它将不起作用。关于我应该尝试什么有什么想法吗 这是我的package.json: "scripts": { "build:dev": "web
"scripts": {
"build:dev": "webpack",
"build:prod": "webpack -p --env production",
"dev-server": "webpack-dev-server --watch",
"test": "cross-env NODE_ENV=test jest --config=jest.config.json",
"start": "node server/server.js",
"heroku-postbuild": "yarn run build:prod"
},
这是我的网页配置:
process.env.NODE_ENV = process.env.NODE_ENV || 'development';
if (process.env.NODE_ENV === 'test') {
require('dotenv').config({ path: '.env.test' });
} else if (process.env.NODE_ENV === 'development') {
require('dotenv').config({ path: '.env.development' });
}
module.exports = (env) => {
const isProduction = env === 'production';
const CSSExtract = new ExtractTextPlugin('styles.css');
return {
entry: ['babel-polyfill', './src/app.js'],
output: {
path: __dirname+ '/public',
publicPath: '/public/',
filename: 'bundle.js'
},
...
…并继续介绍模块和插件。让我知道,如果有什么我可以补充,使它更清楚
提前谢谢
编辑:添加firebase.json默认配置
{
"hosting": {
"public": "public",
"ignore": [
"firebase.json",
"**/.*",
"**/node_modules/**"
],
"rewrites": [
{
"source": "**",
"destination": "public/dist/bundle.js"
}
]
}
}
找到答案:Firebase密钥应硬编码到Firebase.js文件中。 Firebase主机只支持静态站点,因此在上传之前,您需要确保所有内容都已绑定。 希望它能帮助将来的人