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

السؤال

نشر

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

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

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

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

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

×   لقد أضفت محتوى بخط أو تنسيق مختلف.   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.

  • إعلانات

  • تابعنا على



×
×
  • أضف...