Reactjs 错误:无法';找不到风格目标。它在SSR之后开始出现,并通过React实现。如何修复?
我有一个CSR应用程序,现在用React实现了服务器端渲染(SSR),得到了这个错误 错误:找不到样式目标 我们使用reactDOMserver、react app wire和webpack覆盖文件 请参阅下面的网页配置: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) {
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};