重新启动项目后报错SyntaxError: Cannot use import statement outside a module

Question

新手开始写一个react next.js的小案例，一边写一边运行的时候都能正常运行，但是一旦关掉项目再npm run dev重新启动之后，localhost:3000就无法正常显示，报错SyntaxError: Cannot use import statement outside a module，直接变成一次性代码了。我连代码都没改，为什么会这样呀？

Answer 1

引自免费微信小程序：皆我百晓生

非常抱歉给您带来了不便，我会尽力帮助您解决这个问题。首先，确认一下您的React版本是14.1.4还是更低版本？如果是更低版本，那么可能是由于您的编译器没有正确安装相关依赖库导致的问题。

在安装和配置好编译器的前提下，您可以尝试以下几种解决方案：

1. 检查您是否有安装TailwindCSS。

2. 如果您已经安装了 TailwindCSS，请确保它的版本与React和Next.js兼容。如果您不确定，可以查看TailwindCSS的官方文档。

3. 如果您没有安装TailwindCSS，请先安装。您可以使用以下命令进行安装：

   npm install tailwindcss@latest
   

   如果在安装过程中遇到问题，请参阅TailwindCSS的官方文档或搜索社区寻求帮助。

4. 更新您的Node.js环境，确保版本更新至最新。您可以按照以下步骤操作：

   a. 打开终端。 b. 使用以下命令更新Node.js到最新版本：

   ```
   npm install --save-dev node-sass @babel/core
   npm install --save-dev babel-loader
   ```
   

   c. 在项目的根目录下，打开.gitignore文件，并添加以下行：

   ```
   node_modules/
   ```
   

   d. 将上述命令复制并粘贴到命令行中。 e. 提交更改并切换回当前工作目录：

   ```
   git add .
   git commit -m "Update Node.js dependencies"
   cd ..
   ```
   

5. 创建一个新的React项目，并使用所需的预设设置和组件。

6. 当您的项目返回生产环境后，尝试使用npm start命令启动项目。如果项目能成功启动并且运行正常，那将表明上述解决方案有效。

再次感谢您的耐心等待和尝试。如果有任何其他问题，请随时告诉我。