将 node_module 插件 css 导入下一个 js 项目答案

【问题标题】：Import node_module plugin css to next js project将 node_module 插件 css 导入下一个 js 项目
【发布时间】：2020-01-19 00:55:59
【问题描述】：

在这里，我正在尝试导入插件，它是这样的 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>

现在 css 可以工作，但 css 仍然无法加载图像。

你们能帮我解决这个问题吗：为什么没有直接导入加载 css？？

【问题讨论】：

标签： css reactjs import node-modules next.js

【解决方案1】：

试一试——

import './main.css';

你也可以使用需要的模块——

require('./main.css');
const style = require('react');

【讨论】：

这里，我试图从静态文件夹 css 中导入 node_modules 的 css。
好的，如果您尝试从 node_modules 导入它，请尝试从根文件夹导入并将 node_modules/ 替换为波浪号 ~ 这样：@import '~react-intl-tel-input/ dist/main.css';