问题标签 [razzle]

我是 Razzle 的新手，我正在努力学习它。我拿了一个Material-UI 仪表板应用程序，并试图将它“导入”或“转换”到我的空白 ish razzle 应用程序中。

我在正确的位置将 CRA 应用程序的内容复制./src到我的 razzle 源中，引用了正确的组件等。

起初，Razzle 不喜欢@importCRA 回购中的陈述。我通过使用 npm to installrazzle-plugin-scss解决了这个问题，这让我解决了这个问题。但是现在我遇到了一些我根本不理解的东西（甚至是如何寻找解决方案）：

我查看css-loader并发现您（也许？）需要指示它使用exportOnlyLocals: truewebpack 指令导出本地。我不确定如何在 Razzle 中做到这一点。我发现这个页面显示了如何通过 配置它的示例razzle.config.js，但它假设的知识比我拥有的更多。

如何在 Razzle 中配置 webpack 以...做某事？...告诉底层的 webpack 插件css-loader加载本地人？

任何帮助深表感谢。

更新

看起来这是由css-loader移动到v2.0.0. 我仍然不知道解决方案是什么，但这让我更接近了。

我使用 Razzle，它对 CSS 模块有很好的支持。它仅使用带有通用 CSS 加载器的 Webpack，因此可以以相同的方式进行配置。我的麻烦是我不能以同样的方式使用 SCSS 文件。

作品：

不工作

我的配置：

如何配置 Razzle 以使用 SCSS 模块？

我正在使用Razzle来使用 React 和服务器端渲染和React Helmet。当您使用 React Helmet 设置具有动态值的元标记时，我遇到了这个问题，它没有正确显示。但是，如果您使用静态值设置元标记，它会起作用。

请看一些代码。

SEO.js 组件

这是设置静态元标记的示例：

这是设置动态元标记的示例：

服务器.js

现在您已经看到了代码，这是我复制粘贴到 Google SERP Simulator 和 WhatsApp 时的结果：

静态元标记来自Schedule Page：

谷歌 SERP 模拟器 WhatsApp

动态元标记来自事件页面：

谷歌 SERP 模拟器 WhatsApp

从结果来看，它总是返回默认的标题和描述标签，而不是从 axios 传递的标题和描述。是正常行为还是我做错了什么？

我将 Razzle 用于服务器端渲染的反应应用程序。

现在是时候在服务器上部署应用程序了。我使用 IIS 作为 Web 服务器。但是，当我将构建文件夹移动到另一个目录并在其上运行节点服务器时，会出现错误，我无法找到我在应用程序中使用的模块，例如 react。

我应该将 node_modules 文件夹与构建文件夹一起移动吗？还是我做错了什么？

我使用 npx create-razzle-app 命令创建了一个 Razzle 应用程序，它在我的本地机器上运行良好。因为我是 Azure 的新手，所以我很难在 Azure 上部署它。需要在 Azure 上上传哪些文件夹？

我尝试上传 build 文件夹，但遇到了与 NPM 包相关的问题，因此我将 node_modules 从本地文件夹上传到 Azure 中的 build 文件夹，但在我的网站页面上出现内部服务器错误。我还包含在其他 stackoverflow 答案中共享的 web.config 文件，但无法正常工作。

为了确保我的 Azure 配置正确，我从 Microsoft Azure 教程中部署了基本的 node.js 演示应用程序，它运行良好。我观察到它只是一个简单的应用程序，他们制作了包含 package.json 和 index.js 的 zip 包，但在我的情况下，我想部署由“npm run build”命令生成的生产包。

我也经历了一些与 Razzle 运行时 PORT 相关的问题，但没有从哪里开始。

运行 babel-upgrade 后，我仍然收到此错误：

错误：插件/预设文件不允许导出对象，只能导出函数。在 /Users/Gabe/esports-calendar/node_modules/babel-preset-es2015-ie/index.js 下面是我的 .babelrc

我有一个带有 razzle、react 和 typescript 的示例应用程序。我正在尝试将其 dockerize 并将其作为容器运行，但是尽管容器运行，但静态文件是空的。

这是我的 Dockerfile

我用docker build --tag=my-app:0.0.1 .

我收到以下警告（不确定是否与我的问题有关）：

安全警告：您正在针对非 Windows Docker 主机从 Windows 构建 Docker 映像。添加到构建上下文的所有文件和目录都将具有“-rwxr-xr-x”权限。建议仔细检查和重置敏感文件和目录的权限。

最后我运行我的容器，例如：docker run -p 3001:3000 my-app:0.0.1它可以正确执行。

当我去时，localhost:30001我可以看到我的反应应用程序，但没有样式。例如，我可以看到一个http://localhost:3003/static/css/bundle.b1e53d9a.css正在提供服务，但它也是空的http://localhost:3003/static/js/bundle.fd36658a.js是空的，这一定是问题所在。问题是为什么？

如果我node build/server.js在我的文件系统上进行本地操作，我可以看到服务的 react 应用程序可以localhost:30001正常使用样式。

我错过了什么或做错了什么？

我对 docker 和 node js 太陌生了，无法自己弄清楚。

更新 1：如果需要，这是我的 package.json

我正在尝试在使用https://github.com/jaredpalmer/razzle with-react-router-3 创建的 SSR 应用程序中使用 firebase 按摩。我已经在使用 firebase，它非常好用，包括托管。但是当我开始在应用程序中添加消息时开始抛出错误。

我的入口点看起来像，

当我启动服务器时出现以下错误razzle start

我如何解决它？任何领先都会令人惊叹。谢谢。:)

运行 razzle 的基本安装，我收到错误“Cannot GET /”，这就是我所做的：

https://github.com/jaredpalmer/razzle

npx create-razzle-app my-app cd my-app npm start

我正在尝试使用 Razzle 在 Now 上部署可加载组件示例。

now.json我在项目的根目录中添加了以下内容：

现在，构建完成没有错误，但在运行时，我有以下错误：

2019-10-17T11:39:18.319Z a082c52f-af85-4646-80ca-b946928f8b05 错误：在 Function.Module._resolveFilename (module.js:547) 中找不到模块“/var/task/build/loadable-stats.json” :15) 在 Function.Module._load (module.js:474:25) 在 Module.require (module.js:596:17) 在 smartRequire (/var/task/node_modules/@loadable/server/lib/util. js:24:32) 在新的 ChunkExtractor (/var/task/node_modules/@loadable/server/lib/ChunkExtractor.js:173:50) 在 /var/task/build/server.js:1:7600 在层。处理 [as handle_request] (/var/task/node_modules/express/lib/router/layer.js:95:5) 在下一个 (/var/task/node_modules/express/lib/router/route.js:137:13 ) 在层的 Route.dispatch (/var/task/node_modules/express/lib/router/route.js:112:3)。处理 [as handle_request] (/var/task/node_modules/express/lib/router/layer.js:95:5)

有人已经遇到过这个错误吗？如果是这样，我该如何解决这个问题？有输入吗？

谢谢，