Javascript 与路径相关的网页包问题
}) 我正在使用Javascript 与路径相关的网页包问题,javascript,reactjs,Javascript,Reactjs,}) 我正在使用webpack4,并发现以下错误: const HtmlWebPackPlugin = require("html-webpack-plugin"); const htmlWebpackPlugin = new HtmlWebPackPlugin({ template: "./src/index.html", filename: "./index.html" }); module.exports = { entry: './src/index.js', module:
webpack4
,并发现以下错误:
const HtmlWebPackPlugin = require("html-webpack-plugin");
const htmlWebpackPlugin = new HtmlWebPackPlugin({
template: "./src/index.html",
filename: "./index.html"
});
module.exports = {
entry: './src/index.js',
module: {
rules: [
{test: /\.js$/,exclude: /node_modules/,
use: {loader: "babel-loader"}
},
{
test: /\.(png|jpg|jpeg|gif)$/,
use: [{loader: 'file-loader',options: {}}]
},
{test: /\.(ttf|eot|woff|woff2|svg)(\?[\s\S]+)?$/,use: 'file-loader',},
{test: /\.csv$/,
loader: 'csv-loader',
options: {
dynamicTyping: true,
header: true,
skipEmptyLines: true
}
},
{
test: /\.css$/,
use: ['style-loader', 'css-loader']
},
{
test: /\.(pdf|gif|png|jpe?g|svg)$/,
use: 'file-loader?name=[path][name].[ext]'
},
{
test: /\.(csv|doc|docx)$/,
loader: 'csv-loader',
options: {dynamicTyping: true,header: true,skipEmptyLines: true}
},
{ test: /\.xlsx$/, loader: "webpack-xlsx-loader" },
{test: /\.(mp3|avi|mov)$/, loader: 'file-loader'},
{ test: /\.(webm|mp4)$/,loader: 'file-loader'},
{ test: /\.(rtf|wexbim)$/,loader: 'raw-loader'}
]
},
plugins: [
htmlWebpackPlugin
],
devServer: {
contentBase: './dist',
hot: true,
historyApiFallback: true,
host:'192.168.1.166',
// host:'127.0.0.1',
port:'8080'
},
devtool: 'inline-source-map'
路径问题当我忽略的文件较少时,但现在它变得非常频繁。我已尝试了所有资源。请检查我是否有任何错误:
"client:168 ./src/components/Fileviewer/drivers/index.js
Module not found: Error: Can't resolve './audio-viewer' in '/Users/arush.singh/Desktop/arush_desktop_12-Nov-18/react-webpack4/src/components/Fileviewer/drivers'"
这是src/components/drivers/index.js中的代码,如果您需要,我可以提供更多详细信息
package.json{
"webpack": "^4.26.0",
"webpack-cli": "^3.1.1",
"webpack-dev-server": "^3.1.10",
"webpack-xlsx-loader": "^1.0.0"
}
对我来说这不是一个网页问题?
你能从
src/components/Fileviewer/drivers
发布你的index.js
代码吗?我认为问题很可能就在那里,因为这就是错误产生的原因。对我来说,这似乎不是一个网页问题?
你能从
src/components/Fileviewer/drivers
发布你的index.js
代码吗?我认为问题可能就在那里,因为这就是错误的根源。需要查看有问题的index.js
文件。此外,您从哪里调用webpack,使用哪些命令,此配置文件的名称是什么,它在哪里?我已经更新了问题,请检查,您将在末尾找到index.js中的代码。需要查看有问题的index.js
文件。此外,您从哪里调用webpack,使用哪些命令,此配置文件的名称是什么,它在哪里?我已经更新了问题,请检查,你会在结尾处找到index.js中的代码我已经更新了问题,请检查,你会在结尾处找到index.js中的代码,我有一些打字错误…对不起!好的--“Users/arush.singh/Desktop/arush\u Desktop\u 12-Nov-18/react-webpack4/src/components/Fileviewer/drivers/audioviewer”上的文件是什么样子的?似乎无法正确解析您尝试导入的文件。感谢您抽出时间,但现在此问题已得到解决。我已更新问题,请检查,您将在末尾找到index.js中的代码。我有一些打字错误…抱歉!好的--“Users/arush.singh/Desktop/arush\u Desktop\u 12-Nov-18/react-webpack4/src/components/Fileviewer/drivers/audioviewer”上的文件是什么样子的?似乎无法正确解析您尝试导入的文件。感谢您抽出时间,但现在此问题已解决
src/components/Fileviewer/drivers
export { default as CsvViewer } from './csv-viewer';
export { default as Photo360Viewer } from './photo360-viewer';
export { default as PDFViewer } from './pdf-viewer';
export { default as DocxViewer } from './docx-viewer';
export { default as VideoViewer } from './video-viewer';
export { default as XlsxViewer } from './xlsx-viewer';
export { default as XBimViewer } from './xbim-viewer';
export { default as UnsupportedViewer } from './unsupported-viewer';
export { default as PhotoViewer } from './photo-viewer';
export { default as PhotoViewerWrapper } from './photo-viewer-
wrapper';
export { default as AudioViewer } from './audio-viewer';