启动项目时reactstrap在导入lib时报错

Question

错误控制台 /node_modules/reactstrap/lib/index.js:1 从 './Container' 导入 _Container； ^^^^^^^

SyntaxError: 不能在模块外使用 import 语句 在 internalCompileFunction（节点：内部/虚拟机：73:18） 在 wrapSafe (node:internal/modules/cjs/loader:1176:20) 在 Module._compile (node:internal/modules/cjs/loader:1218:27) 在 Module._extensions..js (node:internal/modules/cjs/loader:1308:10) 在 Module.load (node:internal/modules/cjs/loader:1117:32) 在 Module._load (node:internal/modules/cjs/loader:958:12) 在 Module.require (node:internal/modules/cjs/loader:1141:19) 在要求（节点：内部/模块/cjs/助手：110:18） 在 Object.reactstrap (/home/rafael/Documentos/dev/academy/.next/server/pages/_app.js:715:18) 在webpack_require（/home/rafael/Documentos/dev/academy/.next/server/webpack-runtime.js:33:42）

Node.js v18.15.0 错误 命令失败，退出代码为 1。 信息 访问 https://yarnpkg.com/en/docs/cli/run 有关此命令的文档。 ()

Index.js for reactstrap
import _Container from './Container';
export { _Container as Container };
import _Row from './Row';
export { _Row as Row };
import _Col from './Col';
export { _Col as Col };
import _Navbar from './Navbar';
export { _Navbar as Navbar };
import _NavbarBrand from './NavbarBrand';
export { _NavbarBrand as NavbarBrand };
import _NavbarText from './NavbarText';
export { _NavbarText as NavbarText };
import _NavbarToggler from './NavbarToggler';
export { _NavbarToggler as NavbarToggler };
import _Nav from './Nav';
export { _Nav as Nav };
import _NavItem from './NavItem';
export { _NavItem as NavItem };
import _NavLink from './NavLink';
export { _NavLink as NavLink };

()

我已经尝试重新安装 reactstrap 但它没有用

Answer 1

我遇到了同样的问题。经过对不同事物的大量尝试。更改 reactstrap 版本后我得到了解决方案。 到目前为止，它有两个版本

"reactstrap": "^10.0.1-release-v10.0.0-c659629.0",
 or
"reactstrap": "^8.10.1",

我决定暂时留在

10.0.1-release-v10.0.0-c659629.0

，它工作正常

Answer 2

我按照 Md. Minhaz Ahamed 发布的说明进行操作，但就我而言，我从 reactstrap 的 9.1.8 版更改为 9.1.6 版并且它有效。