0

我使用 preact-cli 创建了一个 Preact 应用程序，需要添加react-router-dom到我的项目中进行路由。为了安装路由器库，如何在不弹出应用程序的情况下将 react-router 添加到项目中？

我已经看到了添加 webpack 的选项，但这需要弹出应用程序。

我在项目中添加"preact-compat": "^3.19.0",到我的 package.json 中，但不确定如何添加 webpack 或导入必要的 react-router 导入：

import {BrowserRouter as Router, Route, Switch, NavLink} from 'react-router-dom';

4

2 回答 2

0

但这需要弹出应用程序

没有办法从preact-cli. 这不是存在的功能，所以我对你指的是什么感到有点困惑。

我们通过您的preact.config.js. 有了这个，你可以配置你想要的 Webpack 配置的任何部分，并且只有那些位。你不需要做任何像 CRA 的弹出那样的事情，你现在必须自己拥有整个配置。您可以编辑您想要的部分，而无需考虑其他所有内容。

我已经看到了添加 webpack 的选项

preact-cli使用 Webpack 进行捆绑，它是基础的底层工具。没有 Webpack 就无法使用它，所以这没有多大意义。

我添加了"preact-compat": "^3.19.0"

删除这个。preact-cli已经添加了兼容，并从正确的来源进行。

如果您阅读的文档preact-compat，您会发现它仅适用于 Preact 8.x 和之前的版本，此时已经过时了几年。v10+ 的正确兼容包是preact/compat. 我们已经为您设置好了preact-cli，所以您不需要自己做任何事情。


为什么你认为你需要做任何配置来导入库？您是否遇到任何错误，或者可能是令人困惑/措辞错误的文档？刚刚用 v6 运行了一个测试，在你换掉它后应该可以开箱即用（假设你已经使用我们的模板之一preact-router设置了一个项目）preact-cli

于 2021-11-20T01:03:25.220 回答
0

能够通过 import of 然后得到import {BrowserRouter as Router, Route, Switch, NavLink} from 'react-router-dom';这个yarn build工作yarn-serve

于 2021-11-29T14:43:59.877 回答