node_module包内部报错

Question

今天在next+react项目中引入了一款插件叫local- search，下载依赖安装都没问题，但是组件里面引入属性后，启动项目，报错node_module包里面这个插件的依赖包里面一个文件报错不能从模块外使用import，但是我看别的插件的依赖写法没啥区别呀，为啥别的插件依赖包不报错呢
报错内容：
SyntaxError: Cannot use import statement outside a module

Answer 1

张轩 2022-12-03 10:13:59

同学你好

可以看下这个解决：https://stackoverflow.com/a/66246141/776977

这个原因就是在这个模块直接 使用了 es modules 的代码。需要 next.js 转换一下。

• 提问者 weixin_慕虎5496050 #1

  文章中推荐的next-transpile-modules这个方法可以，点赞，感谢大佬

Answer 2

张轩 2022-12-02 09:40:55

同学你好

你说的是在运行测试的时候报错吗？ 还是在运行项目的时候报错？

• 提问者 weixin_慕虎5496050 #1

  打开页面报错，因为是个demo，所以只有一个页面，yarn dev后没啥问题，浏览器响应了走了页面的代码就会报错，这个不是重点，问题是为什么这个依赖包他不编译es6