Как создать и настроить свой веб-сервер на VDS (05 сен 2024)

Осенью самое время заняться установкой и тюнингом своего веб-сервера. Не правда ли?

React-xml-viewer отказывается работать

Больше
1 год 5 мес. назад - 1 год 5 мес. назад #1 от Вебмастер
Вебмастер создал тему: React-xml-viewer отказывается работать
Инсталлирую пакет
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. Причина: Исправлена явная ошибка в коде

Пожалуйста Войти или Регистрация, чтобы присоединиться к беседе.

Dev banner 2
Больше
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 }

Пожалуйста Войти или Регистрация, чтобы присоединиться к беседе.

Больше
1 год 5 мес. назад #3 от evgenij

Code:
npm i react-xml-viewer --force
 
Попробуй явно указать актуальную версию и без "force":
Code:
npm i react-xml-viewer@2.0.0

Have a lot of fun!

Пожалуйста Войти или Регистрация, чтобы присоединиться к беседе.

Больше
1 год 5 мес. назад - 1 год 5 мес. назад #4 от Aleksej
И да, если речь про 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.

Пожалуйста Войти или Регистрация, чтобы присоединиться к беседе.

Больше
1 год 5 мес. назад #5 от evgenij

И да, если речь про CRA, все должно работать.
 
ReactDOM там не нужен, конечно.

Have a lot of fun!

Пожалуйста Войти или Регистрация, чтобы присоединиться к беседе.

Работает на Kunena форум