Saya sudah mulai menggunakan webpack2 (tepatnya, v2.3.2
) dan setelah membuat ulang konfigurasi saya, saya terus mengalami masalah yang sepertinya tidak bisa saya selesaikan (maaf sebelumnya untuk dump jelek):
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": {
...
}
}
Dalam hal browser
bidang itu mengeluh tentang, dokumentasi saya sudah bisa menemukan di ini adalah: package-browser-field-spec
. Ada juga dokumentasi Webpack untuk itu, tetapi tampaknya untuk memilikinya diaktifkan secara default: aliasFields: ["browser"]
. Saya mencoba menambahkan browser
bidang ke saya package.json
tetapi tampaknya tidak ada gunanya.
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 / components / DoISuportIt / index.jsx
export default function() { ... }
Untuk kelengkapan, .babelrc
{
"presets": [
"latest",
"react"
],
"plugins": [
"react-css-modules"
],
"env": {
"production": {
"compact": true,
"comments": false,
"minified": true
}
},
"sourceMaps": true
}
Apa yang saya lakukan salah / hilang?
Saya sedang membangun penyaji sisi server Bereaksi dan menemukan ini juga dapat terjadi ketika membangun konfigurasi server terpisah dari awal. Jika Anda melihat kesalahan ini, coba yang berikut ini:
Contoh:
sumber
Saya memiliki masalah yang sama, tetapi milik saya karena casing yang salah di jalur:
sumber
Dalam kasus saya ini adalah paket yang diinstal sebagai dependensi
package.json
dengan jalur relatif seperti ini:dan diimpor
js/app.js
denganimport "phoenix_html"
Ini berhasil tetapi setelah pembaruan node, npm, dll ... gagal dengan pesan kesalahan di atas.
Mengubah jalur impor untuk
import "../../deps/phoenix_html"
memperbaikinya.sumber
Mengubah entri saya menjadi
dan itu berhasil.
sumber
Dalam kasus saya, sampai akhir
webpack.config.js
, di mana saya harusexports
mengkonfigurasi, ada kesalahan ketik:export
(harusexports
), yang menyebabkan kegagalan dengan memuatwebpack.config.js
sama sekali.sumber
Dalam pengalaman saya, kesalahan ini adalah karena penamaan yang tidak tepat dari alias di Webpack. Dalam hal itu saya memiliki nama samaran
redux
dan webpack mencoba mencariredux
yang datang dengan paket redux di jalur alias saya.Untuk memperbaikinya, saya harus mengganti nama alias menjadi sesuatu yang berbeda
Redux
.sumber
Bagi siapa pun yang membangun aplikasi ion dan mencoba mengunggahnya. Pastikan Anda menambahkan setidaknya satu platform ke aplikasi. Kalau tidak, Anda akan mendapatkan kesalahan ini.
sumber
Untuk semua orang dengan Ionic: Memperbarui ke versi @ ionic / app-scripts terbaru memberikan pesan kesalahan yang lebih baik.
Itu jalur yang salah untuk styleUrls dalam komponen ke file yang tidak ada. Anehnya itu tidak memberikan kesalahan dalam pengembangan.
sumber
Dalam situasi saya, saya tidak memiliki ekspor di bagian bawah file webpack.config.js saya. Cukup menambahkan
memecahkannya.
sumber
Saya menggunakan "@ google-cloud / translate": "^ 5.1.4" dan sedang mengatasi masalah ini, sampai saya mencoba ini:
Saya membuka file google-gax \ build \ src \ operationsClient.js dan berubah
untuk
yang memecahkan kesalahan
Saya harap ini membantu seseorang
sumber
Dalam kasus saya, itu disebabkan oleh tautan sym yang rusak ketika mencoba npm menautkan pustaka sudut kustom ke aplikasi yang mengkonsumsi. Setelah menjalankan npm link @ authoring / canvas
`` `" @ authoring / canvas ":" path / ke / ui-authoring-canvas / dist "` `
Tampaknya semuanya baik-baik saja tetapi modulnya masih tidak dapat ditemukan:
Ketika saya mengoreksi pernyataan impor ke sesuatu yang editor dapat menemukan Tautan:
import {CirclePackComponent} from '@authoring/canvas/lib/circle-pack/circle-pack.component';
Saya menerima ini yang disebutkan di utas limpahan:
Untuk memperbaikinya saya harus:
cd /usr/local/lib/node_modules/packageName
cd ..
rm -rf packageName
Di direktori root perpustakaan, jalankan: a.
rm -rf dist
b.npm run build
c.cd dist
d.npm link
Di aplikasi yang mengkonsumsi, perbarui package.json dengan "packageName": "file: / path / ke / local / node_module / packageName" "
Di direktori root aplikasi yang dikonsumsi jalankan npm link packageName
sumber
Dalam kasus saya, saya menggunakan templateUrl yang tidak valid. Dengan memperbaikinya masalah diselesaikan.
sumber
Dalam kasus saya, ini disebabkan oleh salah ketik sensitifitas pada jalur impor. Sebagai contoh,
Seharusnya:
Dari pada:
sumber