当我尝试在React.JS中导入常量时遇到错误

时间:2019-12-27 06:28:33

标签: reactjs react-redux

我正在做出反应,当我尝试使用ActivityRouter.hello(); const时遇到错误,在这一行中我遇到错误app_url,这是因为app_url,这是我的完整代码,任何人都可以帮助我解决此问题吗?

错误:

import MobileEsp from app_url+'/js/mdetect.js';

代码

Module build failed (from ./node_modules/babel-loader/lib/index.js):
SyntaxError: /var/www/minimal-react-webpack-babel-setup/src/App.js: Unexpected token (6:22)

1 个答案:

答案 0 :(得分:3)

我认为这不是合法的语法。即使在现代JavaScript / ES6 JavaScript及更高版本中也是如此。这是因为JavaScript依赖项导入必须静态解决。

但是,您可以dynamically import依赖于组件中的内容。

例如,您可以将其导入到ComponentDidMount生命周期挂钩中。

async ComponentDidMount() {
  const appUrl = 'https://*******.com/';
  const MobileEsp = await import(`${appUrl}/js/mdetect.js`);
   // do the rest here
}