多轴字体中的错误 - 令人敬畏的历史材料-ui prop-types反应反应 - 反应 - 反应 - 反应 - 基础反应 - 还原反应 - 路由器反应 - 路由器 - dom recharts redux redux-saga 找不到模块:错误:无法解析' font-awesome' in' / Users / user / Documents / psbank / pslite_web' @ multi 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
Variant
.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"
})
]
};
index.js:
从近几天的教程到可能的解决方案,我到处寻找网络。从安装到缩小从一开始就修改现有项目。我所做的一切。
感谢您的帮助和专业知识。
答案 0 :(得分:4)
您尝试过npm install --save font-awesome
吗?
(然后是npm install
还是yarn install
?)
答案 1 :(得分:0)
如果您使用的是专业版,则需要以与@S几乎相同的方式提取专业版软件包。吴做到了。
安装许可证
npm config set "@fortawesome:registry" https://npm.fontawesome.com/
npm config set "//npm.fontawesome.com/:_authToken" xxxxxxxx-xxxx-xxxx-xxxx-xxxxxxxxxxxx
安装Font Awesome Pro
npm install --save-dev @fortawesome/fontawesome-pro
由于某些node_modules
错误,我还不得不删除IteratorResult
目录。不知道这是否与此问题有关,但是您还是可能会遇到它。