Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/32.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
将节点\模块插件css导入下一个js项目_Css_Reactjs_Import_Node Modules_Next.js - Fatal编程技术网

将节点\模块插件css导入下一个js项目

将节点\模块插件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';

在这里,我试图导入插件,它的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';