Welcome toVigges Developer Community-Open, Learning,Share
Welcome To Ask or Share your Answers For Others

Categories

0 votes
519 views
in Technique[技术] by (71.8m points)

react页面引入模块报错 Cannot use import statement outside a module

项目里npm install了一个bpmnjs,然后再页面import的时候报错了

image.png

代码如下:
image.png

require我也试过,报一样的错,上面三行import就没事,正常运行,求教下这是啥问题,研究了半天进行不下去了(react项目)


与恶龙缠斗过久,自身亦成为恶龙;凝视深渊过久,深渊将回以凝视…
Welcome To Ask or Share your Answers For Others

1 Answer

0 votes
by (71.8m points)

image.png

  1. 刷新资源管理器
  2. 打开node_modules找找你要引入的模块在不在, 不在就重新install
  3. 检查一下引入的模块内是不是使用了未编译的import

刚我看了下bpmn-js这个包里面的代码是ES6的模块规范, 这样我们在引入的时候可以这么引入, 单独对这个模块使用babel编译

import BpmnModeler from 'babel-loader!bpmn-js/lib/Modeler'

与恶龙缠斗过久,自身亦成为恶龙;凝视深渊过久,深渊将回以凝视…
Welcome to Vigges Developer Community for programmer and developer-Open, Learning and Share
...