اذهب إلى المحتوى
  • 0

مشكلة في الوصول الى static files في webpack

عبد النور محمد

السؤال

لدي مشروع هيكلته كالاتي 

assets
node_modules
src
package.json
package-lock.json
webpack.config.js

وهذا اعدادات webpack

const path = require('path');
const HtmlWebpackPlugin = require('html-webpack-plugin');
const CleanWebpackPlugin = require('clean-webpack-plugin');
const webpack = require('webpack');

module.exports = {
  entry: {
    app: './src/index.js'
  },
  devServer: {
    // contentBase: './dist',
    contentBase: __dirname + "/assets/",
    hot: true,
  },
  plugins: [
    new CleanWebpackPlugin(['dist']),
    new HtmlWebpackPlugin({
      title: 'Output Management'
    }),
    new webpack.NamedModulesPlugin(),
    new webpack.HotModuleReplacementPlugin()
  ],
  output: {
    path: __dirname + "/assets/",
    filename: 'bundle.js',
    chunkFilename: '[name].js'
  },
};

ولدي هذا الخطا داخل أدوات المطور

Content not from webpack is served from C:\Users\PC-user\WebstormProjects\untitled/assets/

 

رابط هذا التعليق
شارك على الشبكات الإجتماعية

Recommended Posts

  • 1

إن كنت تستخدم dev server ^v4.0.0 فلقد حصل تغييرات، أي أن الخاصية contentBase تغير اسمها وأصبحت static

devServer: {
   // ...
   static: __dirname + "/public/",
   // ...
},

وإضافة public path مناسبة

publicPath : '/public'

وخاصية filename:

filename: "bundle.js",

وحاول تبديل إصدار 

react-scripts version 3.4.1 to 3.4.0

تابع سجل تغيرات dev-server

رابط هذا التعليق
شارك على الشبكات الإجتماعية

  • 1

حاول تغيير إعدادات خادم التطوير عن طريق الكود الموضح إدناه:

devServer: {
    // contentBase: './dist',
    contentBase: __dirname + "/assets/",
    hot: true,
	compress: true,
    open: true,
    port: 3000,
    historyApiFallback: true,
    publicPath: '/',
  },

 

رابط هذا التعليق
شارك على الشبكات الإجتماعية

انضم إلى النقاش

يمكنك أن تنشر الآن وتسجل لاحقًا. إذا كان لديك حساب، فسجل الدخول الآن لتنشر باسم حسابك.

زائر
أجب على هذا السؤال...

×   لقد أضفت محتوى بخط أو تنسيق مختلف.   Restore formatting

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   جرى استعادة المحتوى السابق..   امسح المحرر

×   You cannot paste images directly. Upload or insert images from URL.

  • إعلانات

  • تابعنا على



×
×
  • أضف...