当我运行 React Razzle 应用程序时，出现错误“无法在模块外部使用 import 语句”

Question

Razzle 是一个服务器端渲染框架。

这是错误：

/home/ajay/Ajay Nagotha/Projects/react-ssr-demo/luma-ssr/node_modules/react-bootstrap/esm/Container.js:1
import classNames from 'classnames';
^^^^^^

SyntaxError: Cannot use import statement outside a module

Answer 1

如果您使用 Visual Studio Code 并让它自动添加导入，它可能会使用不正确的路径。

当我在 Typescript 项目中遇到这个问题时，我让 Code 进行导入，这会创建代码

import Container from 'react-bootstrap/esm/Container';

正确的代码没有 esm 路径，应该是

import Container from 'react-boostrap/Container';