Javascript 未找到模块：错误：Can'；t解决'；字体可怕'；

multi-axios字体超级历史材质ui道具类型react react引导react dom react foundation react redux react router react router dom recharts redux redux saga中出错 未找到模块：错误：无法解析“/Users/user/Documents/psbank/pslite\u web”中的“font-awesome” @multi-axios字体历史材料ui道具类型react react引导react dom react基金会react redux react路由器react路由器dom recharts redux redux传奇

.webpack.config.js:

const webpack = require("webpack");
const path = require("path");
const HtmlWebpackPlugin = require("html-webpack-plugin");
const ExtractTextPlugin = require("extract-text-webpack-plugin");

const VENDOR_LIBS = [
  'axios', 'font-awesome', 'history',
  'material-ui', 'prop-types', 'react',
  'react-bootstrap', 'react-dom', 'react-foundation', 'react-redux', 'react-router', 'react-router-dom', 'recharts', 'redux', 'redux-saga'
];

module.exports = {
  entry: {
    bundle: ["babel-polyfill", "./src/index.js"],
    vendors: VENDOR_LIBS
  },
  output: {
    path: path.resolve(__dirname, "dist"),
    filename: "[name].[chunkhash].js",
    publicPath: "./"
  },
  module: {
    rules: [
      {
        test: /\.jsx?$/,
        loader: "babel-loader",
        query: { compact: false }
      },
      {
        loader: ['style-loader','css-loader'],
        test: /\.css$/
      },
      {
        test: /.(ttf|otf|eot|svg|woff(2)?)(\?[a-z0-9]+)?$/,
        use: [
          {
            loader: "file-loader",
            options: {
              name: "[name].[ext]",
              outputPath: 'fonts/'

            }
          }
        ]
      }
    ]
  },
  plugins: [
    new webpack.optimize.CommonsChunkPlugin({
      names: [ 'vendors', 'manifest' ]
    }),
    new HtmlWebpackPlugin({
      template: "public/index.html"
    })
  ]
}; 

import React                    from 'react';
import ReactDOM                 from 'react-dom';

import {
  createStore
  , applyMiddleware
} from 'redux'
import createSagaMiddleware from 'redux-saga'

import { Provider }             from 'react-redux'

import MuiThemeProvider         from 'material-ui/styles/MuiThemeProvider';
import darkBaseTheme            from 'material-ui/styles/baseThemes/darkBaseTheme';
import getMuiTheme              from 'material-ui/styles/getMuiTheme';

import './index.css';
import "font-awesome/css/font-awesome.css";



import MainComponent            from './pages/main/main.component';


import reducers                 from './_redux';
import reduxSaga                from './_reduxSaga';

import registerServiceWorker    from './registerServiceWorker';
const sagaMiddleware = createSagaMiddleware();

let store = createStore( 
    reducers
    , applyMiddleware( sagaMiddleware )
);

sagaMiddleware.run( reduxSaga );

const Container = () => (

    // <MuiThemeProvider muiTheme={getMuiTheme(darkBaseTheme)} >

    <Provider store={ store } >
        <MuiThemeProvider>
            <MainComponent />
        </MuiThemeProvider>
    </Provider>

);

ReactDOM.render(
    <Container />
    , document.getElementById( 'root' )
);

package.json: 

{
  "name": "my-app",
  "version": "0.1.0",
  "private": true,
  "dependencies": {
    "axios": "^0.16.2",
    "font-awesome": "^4.7.0",
    "history": "^4.7.2",
    "material-ui": "^0.19.2",
    "prop-types": "^15.6.0",
    "react": "^15.6.1",
    "react-bootstrap": "^0.31.3",
    "react-dom": "^15.6.1",
    "react-foundation": "^0.9.2",
    "react-redux": "^5.0.6",
    "react-router": "^4.2.0",
    "react-router-dom": "^4.2.2",
    "recharts": "^1.0.0-alpha.6",
    "redux": "^3.7.2",
    "redux-saga": "^0.15.6"
  },

index.js:

const webpack = require("webpack");
const path = require("path");
const HtmlWebpackPlugin = require("html-webpack-plugin");
const ExtractTextPlugin = require("extract-text-webpack-plugin");

const VENDOR_LIBS = [
  'axios', 'font-awesome', 'history',
  'material-ui', 'prop-types', 'react',
  'react-bootstrap', 'react-dom', 'react-foundation', 'react-redux', 'react-router', 'react-router-dom', 'recharts', 'redux', 'redux-saga'
];

module.exports = {
  entry: {
    bundle: ["babel-polyfill", "./src/index.js"],
    vendors: VENDOR_LIBS
  },
  output: {
    path: path.resolve(__dirname, "dist"),
    filename: "[name].[chunkhash].js",
    publicPath: "./"
  },
  module: {
    rules: [
      {
        test: /\.jsx?$/,
        loader: "babel-loader",
        query: { compact: false }
      },
      {
        loader: ['style-loader','css-loader'],
        test: /\.css$/
      },
      {
        test: /.(ttf|otf|eot|svg|woff(2)?)(\?[a-z0-9]+)?$/,
        use: [
          {
            loader: "file-loader",
            options: {
              name: "[name].[ext]",
              outputPath: 'fonts/'

            }
          }
        ]
      }
    ]
  },
  plugins: [
    new webpack.optimize.CommonsChunkPlugin({
      names: [ 'vendors', 'manifest' ]
    }),
    new HtmlWebpackPlugin({
      template: "public/index.html"
    })
  ]
}; 

import React                    from 'react';
import ReactDOM                 from 'react-dom';

import {
  createStore
  , applyMiddleware
} from 'redux'
import createSagaMiddleware from 'redux-saga'

import { Provider }             from 'react-redux'

import MuiThemeProvider         from 'material-ui/styles/MuiThemeProvider';
import darkBaseTheme            from 'material-ui/styles/baseThemes/darkBaseTheme';
import getMuiTheme              from 'material-ui/styles/getMuiTheme';

import './index.css';
import "font-awesome/css/font-awesome.css";



import MainComponent            from './pages/main/main.component';


import reducers                 from './_redux';
import reduxSaga                from './_reduxSaga';

import registerServiceWorker    from './registerServiceWorker';
const sagaMiddleware = createSagaMiddleware();

let store = createStore( 
    reducers
    , applyMiddleware( sagaMiddleware )
);

sagaMiddleware.run( reduxSaga );

const Container = () => (

    // <MuiThemeProvider muiTheme={getMuiTheme(darkBaseTheme)} >

    <Provider store={ store } >
        <MuiThemeProvider>
            <MainComponent />
        </MuiThemeProvider>
    </Provider>

);

ReactDOM.render(
    <Container />
    , document.getElementById( 'root' )
);

package.json: 

{
  "name": "my-app",
  "version": "0.1.0",
  "private": true,
  "dependencies": {
    "axios": "^0.16.2",
    "font-awesome": "^4.7.0",
    "history": "^4.7.2",
    "material-ui": "^0.19.2",
    "prop-types": "^15.6.0",
    "react": "^15.6.1",
    "react-bootstrap": "^0.31.3",
    "react-dom": "^15.6.1",
    "react-foundation": "^0.9.2",
    "react-redux": "^5.0.6",
    "react-router": "^4.2.0",
    "react-router-dom": "^4.2.2",
    "recharts": "^1.0.0-alpha.6",
    "redux": "^3.7.2",
    "redux-saga": "^0.15.6"
  },

从“React”导入React；
从“react dom”导入react dom；
进口{
createStore
，applyMiddleware
}来自“redux”
从“redux saga”导入createSagaMiddleware
从“react redux”导入{Provider}
从“材质ui/styles/MuiThemeProvider”导入MuiThemeProvider；
从“材质ui/样式/基本主题/暗基主题”导入暗基主题；
从“材质ui/styles/GetMuiteme”导入GetMuiteme；
导入“./index.css”；
导入“font-awesome/css/font-awesome.css”；
从“./pages/main/main.component”导入MainComponent；
从“/_redux”导入减速器；
从“/_reduxSaga”导入reduxSaga；
从“./registerServiceWorker”导入registerServiceWorker；
const sagaMiddleware=createSagaMiddleware（）；
let store=createStore（
还原剂
，applyMiddleware（sagaMiddleware）
);
sagaMiddleware.run（reduxSaga）；
常量容器=（）=>(
// 
);
ReactDOM.render(
，document.getElementById（'root'））
);
package.json：
{
“名称”：“我的应用程序”，
“版本”：“0.1.0”，
“私人”：没错，
“依赖项”：{
“axios”：“^0.16.2”，
“字体真棒”：“^4.7.0”，
“历史记录”：“^4.7.2”，
“材质界面”：“^0.19.2”，
“道具类型”：“^15.6.0”，
“反应”：“^15.6.1”，
“反应引导”：“^0.31.3”，
“react dom”：“^15.6.1”，
“react foundation”：“^0.9.2”，
“react redux”：“^5.0.6”，
“反应路由器”：“^4.2.0”，
“反应路由器dom”：“^4.2.2”，
“recharts”：“^1.0.0-alpha.6”，
“redux”：“^3.7.2”，
“重演传奇”：“^0.15.6”
},

从教程到可能的解决方案，我在网上到处搜寻了将近2天。从安装到从一开始就缩小范围以修改现有项目。所有这些我都做了

---

感谢您的帮助和专业知识。

您是否尝试过

npm安装--保存字体真棒

---

（然后

npm-install

或

warn-install

？）

如果您使用的是pro，则需要以几乎与@S.Wu相同的方式提取pro软件包

安装您的许可证

npm config set "@fortawesome:registry" https://npm.fontawesome.com/
npm config set "//npm.fontawesome.com/:_authToken" xxxxxxxx-xxxx-xxxx-xxxx-xxxxxxxxxxxx

安装字体真棒专业版

npm安装--保存dev@fortwome/fontwome-pro

---

由于出现了一些

迭代器或result

错误，我还不得不将

节点模块

目录吹走。我不知道这是否与此问题有关，但您可能会遇到任何问题。

您确定已安装font Aweasome，例如

npm安装--保存font Aweasome

？是的，我在依赖项中安装了它。请注意a看这里：还有这里