আমি ওয়েবপ্যাক 2 ব্যবহার করতে শুরু করেছি (সুনির্দিষ্টভাবে বলার জন্য v2.3.2) এবং আমার কনফিগারেশনটি পুনরায় তৈরি করার পরে আমি এমন একটি সমস্যা নিয়ে চালিয়ে যাচ্ছি যা আমি সমাধান করতে পারছি না বলে মনে হচ্ছে (কুশ্রী ডাম্পের জন্য আগাম দুঃখিত):
ERROR in ./src/main.js
Module not found: Error: Can't resolve 'components/DoISuportIt' in '[absolute path to my repo]/src'
resolve 'components/DoISuportIt' in '[absolute path to my repo]/src'
Parsed request is a module
using description file: [absolute path to my repo]/package.json (relative path: ./src)
Field 'browser' doesn't contain a valid alias configuration
aliased with mapping 'components': '[absolute path to my repo]/src/components' to '[absolute path to my repo]/src/components/DoISuportIt'
using description file: [absolute path to my repo]/package.json (relative path: ./src)
Field 'browser' doesn't contain a valid alias configuration
after using description file: [absolute path to my repo]/package.json (relative path: ./src)
using description file: [absolute path to my repo]/package.json (relative path: ./src/components/DoISuportIt)
as directory
[absolute path to my repo]/src/components/DoISuportIt doesn't exist
no extension
Field 'browser' doesn't contain a valid alias configuration
[absolute path to my repo]/src/components/DoISuportIt doesn't exist
.js
Field 'browser' doesn't contain a valid alias configuration
[absolute path to my repo]/src/components/DoISuportIt.js doesn't exist
.jsx
Field 'browser' doesn't contain a valid alias configuration
[absolute path to my repo]/src/components/DoISuportIt.jsx doesn't exist
[[absolute path to my repo]/src/components/DoISuportIt]
[[absolute path to my repo]/src/components/DoISuportIt]
[[absolute path to my repo]/src/components/DoISuportIt.js]
[[absolute path to my repo]/src/components/DoISuportIt.jsx]
package.json
{
"version": "1.0.0",
"main": "./src/main.js",
"scripts": {
"build": "webpack --progress --display-error-details"
},
"devDependencies": {
...
},
"dependencies": {
...
}
}নিরিখে browserক্ষেত্র এটি সম্পর্কে অভিযোগ হচ্ছে, ডকুমেন্টেশন আমি এই খুঁজে পেতে সক্ষম চলেছি হল: package-browser-field-spec। এছাড়া তার জন্য webpack ডকুমেন্টেশন, কিন্তু এটা এটি ডিফল্ট চালু আছে বলে মনে হয়: aliasFields: ["browser"]। আমি browserআমার সাথে একটি ক্ষেত্র যুক্ত করার চেষ্টা করেছি package.jsonতবে এটি কোনও ভাল করতে পারে বলে মনে হচ্ছে না।
webpack.config.js
import path from 'path';
const source = path.resolve(__dirname, 'src');
export default {
context: __dirname,
entry: './src/main.js',
output: {
path: path.resolve(__dirname, 'dist'),
filename: '[name].js',
},
resolve: {
alias: {
components: path.resolve(__dirname, 'src/components'),
},
extensions: ['.js', '.jsx'],
},
module: {
rules: [
{
test: /\.(js|jsx)$/,
include: source,
use: {
loader: 'babel-loader',
query: {
cacheDirectory: true,
},
},
},
{
test: /\.css$/,
include: source,
use: [
{ loader: 'style-loader' },
{
loader: 'css-loader',
query: {
importLoader: 1,
localIdentName: '[path]___[name]__[local]___[hash:base64:5]',
modules: true,
},
},
],
},
],
},
};src / main.js
import DoISuportIt from 'components/DoISuportIt';src / উপাদান / DoISuportIt / index.jsx
export default function() { ... }সম্পূর্ণতার জন্য, .babelrc
{
"presets": [
"latest",
"react"
],
"plugins": [
"react-css-modules"
],
"env": {
"production": {
"compact": true,
"comments": false,
"minified": true
}
},
"sourceMaps": true
}আমি কী ভুল / নিখোঁজ করছি?
