将节点\模块插件css导入下一个js项目
在这里,我试图导入插件,它的css像这样将节点\模块插件css导入下一个js项目,css,reactjs,import,node-modules,next.js,Css,Reactjs,Import,Node Modules,Next.js,在这里,我试图导入插件,它的css像这样 import IntlTelInput from 'react-intl-tel-input'; import 'react-intl-tel-input/dist/main.css'; 在这种情况下,css不会加载 当我这样做的时候: import IntlTelInput from 'react-intl-tel-input'; import stylesheet from 'react-intl-tel-input/dist/main.css';
import IntlTelInput from 'react-intl-tel-input';
import 'react-intl-tel-input/dist/main.css';
在这种情况下,css不会加载
当我这样做的时候:
import IntlTelInput from 'react-intl-tel-input';
import stylesheet from 'react-intl-tel-input/dist/main.css';
<div>
<style dangerouslySetInnerHTML={{ __html: stylesheet }} />
</div>
从'react intl tel input'导入IntlTelInput;
从“react intl tel input/dist/main.css”导入样式表;
现在css工作了,但仍然无法加载图像
你们能帮我个忙吗:为什么css不能直接导入加载???试试-
import './main.css';
您也可以使用所需的模块-
require('./main.css');
const style = require('react');
在这里,我尝试从静态文件夹css导入node_模块的css。好的,如果您尝试从node_模块导入,请尝试从根文件夹导入,并用波浪线替换node_模块/,方法如下:@import'~react intl tel input/dist/main.css';