在import中写入字符串可以正常运行，写入url变量提示 “ Cannot find module”？

Question

const Plugin = () => {
  const url = './example';
  const LoadableComponent = Loadable({
    delay: 300,
    loader: () => import('./example'),
    loading: (props) => {
      console.log(props);
      return <div>Loading...</div>;
    },
    render(loaded, props) {
      let Component = loaded.default;
      return <Component />;
    },
  });
  return <LoadableComponent />;
};

Answer 1

webpack会转化import为自己的实现方法，并加载转化依赖的文件，如果里面是一个变量，那么他不能正确的找到变量对应的路径，所以抛出模块未找到的错误

这里有之前别人回答过的问题 在vue中import()语法为什么不能传入变量?