- Сообщений: 88
- Спасибо получено: 0
Как создать и настроить свой веб-сервер на VDS (05 сен 2024)
Осенью самое время заняться установкой и тюнингом своего веб-сервера. Не правда ли?
React-xml-viewer отказывается работать
- Вебмастер
- Автор темы
- Не в сети
- Давно я тут
Less
Больше
1 год 5 мес. назад - 1 год 5 мес. назад #1
от Вебмастер
Вебмастер создал тему: React-xml-viewer отказывается работать
Инсталлирую пакет
Ставится почемуто 1.3.0 версия, выдает ошибку в тестовом приложении. Что-то с полифилами:
Code:
npm i react-xml-viewer --force
Ставится почемуто 1.3.0 версия, выдает ошибку в тестовом приложении. Что-то с полифилами:
Code:
import React from "react";
import ReactDOM from "react-dom";
import XMLViewer from "react-xml-viewer";
const xml =
'<?xml version="1.0"?><colors><color name="red"><r>255</r><g>0</g><b>0</b></color><color name="green"><r>0</r><g>255</g><b>0</b></color><color name="blue"><r>0</r><g>0</g><b>255</b></color></colors>';
const customTheme = {
attributeKeyColor: "#0074D9",
attributeValueColor: "#2ECC40"
};
function App() {
return (
<div>
<XMLViewer xml={xml} theme={customTheme} />
</div>
);
}
export default App;
Последнее редактирование: 1 год 5 мес. назад пользователем p.rishard. Причина: Исправлена явная ошибка в коде
Пожалуйста Войти или Регистрация, чтобы присоединиться к беседе.
- Вебмастер
- Автор темы
- Не в сети
- Давно я тут
Less
Больше
- Сообщений: 88
- Спасибо получено: 0
1 год 5 мес. назад #2
от Вебмастер
Вебмастер ответил в теме React-xml-viewer отказывается работать
Code:
Module not found: Error: Can't resolve 'stream' in '...node_modules/react-xml-viewer/dist'
BREAKING CHANGE: webpack < 5 used to include polyfills for node.js core modules by default.
This is no longer the case. Verify if you need this module and configure a polyfill for it.
If you want to include a polyfill, you need to:
- add a fallback 'resolve.fallback: { "stream": require.resolve("stream-browserify") }'
- install 'stream-browserify'
If you don't want to include a polyfill, you can use an empty module like this:
resolve.fallback: { "stream": false }
Пожалуйста Войти или Регистрация, чтобы присоединиться к беседе.
- evgenij
- Не в сети
- Завсегдатай
Less
Больше
- Сообщений: 227
- Спасибо получено: 33
1 год 5 мес. назад #3
от evgenij
Have a lot of fun!
evgenij ответил в теме React-xml-viewer отказывается работать
Попробуй явно указать актуальную версию и без "force":
Code:npm i react-xml-viewer --force
Code:
npm i react-xml-viewer@2.0.0
Have a lot of fun!
Пожалуйста Войти или Регистрация, чтобы присоединиться к беседе.
- Aleksej
- Не в сети
- Модератор
1 год 5 мес. назад - 1 год 5 мес. назад #4
от Aleksej
Aleksej ответил в теме React-xml-viewer отказывается работать
И да, если речь про CRA, все должно работать.
Code:
import React, { useState } from "react";
import axios from "axios";
import XMLViewer from "react-xml-viewer";
function App() {
const [xml, setXML] = useState({});
axios
.get(
"https://uhf.microsoft.com/en-US/shell/xml/MSIrelandsFuture?headerId=MSIrelandsFutureHeader&footerid=MSIrelandsFutureFooter",
{
"Content-Type": "application/xml; charset=utf-8",
}
)
.then((response) => {
console.log("Your xml file as string", response.data);
setXML(response.data);
});
return (
<div>
<XMLViewer xml={xml} />
</div>
);
}
export default App;
Последнее редактирование: 1 год 5 мес. назад пользователем p.rishard.
Пожалуйста Войти или Регистрация, чтобы присоединиться к беседе.
- evgenij
- Не в сети
- Завсегдатай
Less
Больше
- Сообщений: 227
- Спасибо получено: 33
1 год 5 мес. назад #5
от evgenij
Have a lot of fun!
evgenij ответил в теме React-xml-viewer отказывается работать
ReactDOM там не нужен, конечно.И да, если речь про CRA, все должно работать.
Have a lot of fun!
Пожалуйста Войти или Регистрация, чтобы присоединиться к беседе.