Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/reactjs/24.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Reactjs 错误:无法';找不到风格目标。它在SSR之后开始出现,并通过React实现。如何修复?_Reactjs_Webpack_Antd_Server Side Rendering_Webpack Style Loader - Fatal编程技术网

Reactjs 错误:无法';找不到风格目标。它在SSR之后开始出现,并通过React实现。如何修复?

Reactjs 错误:无法';找不到风格目标。它在SSR之后开始出现,并通过React实现。如何修复?,reactjs,webpack,antd,server-side-rendering,webpack-style-loader,Reactjs,Webpack,Antd,Server Side Rendering,Webpack Style Loader,我有一个CSR应用程序,现在用React实现了服务器端渲染(SSR),得到了这个错误 错误:找不到样式目标 我们使用reactDOMserver、react app wire和webpack覆盖文件 请参阅下面的网页配置: const { resolve } = require("path"); require("ignore-styles"); module.exports = { webpack: function (config) {

我有一个CSR应用程序,现在用React实现了服务器端渲染(SSR),得到了这个错误 错误:找不到样式目标

我们使用reactDOMserver、react app wire和webpack覆盖文件 请参阅下面的网页配置:

const { resolve } = require("path");
require("ignore-styles");

module.exports = {
  webpack: function (config) {
    config.entry = resolve(dirname, "../client/src/ssr");
    config.optimization = undefined;
    config.output = {
      filename: "ssr.js",
      globalObject: 'this',
      libraryTarget: "commonjs",
      path: resolve(dirname, "../client/build"),
    };
    return config;
  },
};
来自服务器

app.get("^/$", (req, res) => {
  Object.assign(global, {
    navigation: {},
    window: ssr.getWindow(),
    navigator: {
      userAgent: req.headers["user-agent"],
    },
    global: {},
    document:ssr.ssrDocument
  });
  const App = require("./build/ssr");
  const context = {};

  let app = App.default(req.url, context);
然后恢复,渲染应用程序

和SSR JS文件

ssr.js file  :
import { renderToString } from "react-dom/server";
for renderToString(
....
<App/>
....
)
ssr.js文件:
从“react dom/server”导入{renderToString};
对于渲染字符串(
....
....
)
并收到错误:找不到样式目标 我有一个CSR应用程序,现在用React实现了服务器端渲染(SSR),得到了这个错误 错误:找不到样式目标。这可能意味着“insert”参数的值无效 当我运行服务器并尝试访问该页面时,出现此错误


我们还尝试了使用这些装载机的其他方法: css加载器、sass加载器和样式加载器,甚至还有同构样式加载器 他们在没有postsss config的情况下导致了错误,并且在通过添加到项目postsss.config.js文件来修复此错误之后,以及在我们收到关于样式目标的相同错误和关于antd的附加错误之后 错误:在:D:_项目..\client\node\u modules\antd\dist中找不到POSTSS配置


正在使用的技术包:nodejs、reactjs、antdesign、babel和webpack。 我已经从StackOverflow和其他来源尝试了很多解决方案,但没有任何帮助

请帮我解决这个问题


谢谢大家!

我认为您不能在服务器端使用样式加载器。
按如下方式查找加载程序:只需使用样式加载程序,然后将其删除。。或者切换到
razzle

如何接近ssr?使用reactDOMServer?@Solvenc1no only renderToString(),react应用程序重新布线并覆盖网页包file@Solvenc1no从“react dom/server”导入{renderToString};