Я начал использовать webpack2 (если быть точным 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
}
Что я делаю не так / не хватает?
Я создаю серверный рендерер React и обнаружил, что это также может происходить при создании отдельной конфигурации сервера с нуля. Если вы видите эту ошибку, попробуйте следующее:
Пример:
источник
У меня была такая же проблема, но моя была из-за неправильного корпуса в пути:
источник
В моем случае это был пакет, который был установлен как зависимость
package.json
с таким относительным путем:и импортирован
js/app.js
сimport "phoenix_html"
Это сработало, но после обновления node, npm и т.д ... не удалось с указанным выше сообщением об ошибке.
Изменение строки импорта, чтобы
import "../../deps/phoenix_html"
исправить это.источник
Изменил мою запись на
и это сработало.
источник
В моем случае до самого конца
webpack.config.js
, где я долженexports
был конфиг, была опечатка:export
(должно бытьexports
), что привело к сбою с загрузкойwebpack.config.js
вообще.источник
По моему опыту, эта ошибка возникла в результате неправильного наименования псевдонимов в Webpack. В этом случае у меня был псевдоним,
redux
и webpack попытался найти тот,redux
который поставляется с пакетом redux в моем пути псевдонима.Чтобы исправить это, мне пришлось переименовать псевдоним во что-то другое, например
Redux
.источник
Для тех, кто создает ионное приложение и пытается его загрузить. Убедитесь, что вы добавили в приложение хотя бы одну платформу. В противном случае вы получите эту ошибку.
источник
Для всех, у кого есть Ionic: при обновлении до последней версии @ ionic / app-scripts сообщение об ошибке лучше.
Это неправильный путь для styleUrls в компоненте несуществующего файла. Как ни странно, ошибок в разработке не выдало.
источник
В моей ситуации у меня не было экспорта внизу моего файла webpack.config.js. Просто добавив
решил это.
источник
Я использую "@ google-cloud / translate": "^ 5.1.4" и боролся с этой проблемой, пока не попробовал следующее:
Я открыл файл google-gax \ build \ src \ operationsClient.js и изменил
в
который решил ошибку
Надеюсь, это кому-то поможет
источник
В моем случае это произошло из-за неработающей символьной ссылки при попытке npm связать пользовательскую библиотеку angular с приложением-потребителем. После запуска npm link @ authoring / canvas
`` `" @ authoring / canvas ":" путь / к / ui-authoring-canvas / dist "`
Похоже, все в порядке, но модуль все еще не найден:
Когда я исправил оператор импорта на что-то, что редактор мог найти Ссылка:
import {CirclePackComponent} from '@authoring/canvas/lib/circle-pack/circle-pack.component';
Я получил это, о чем упоминается в потоке переполнения:
Чтобы исправить это, мне пришлось:
cd /usr/local/lib/node_modules/packageName
cd ..
rm -rf packageName
В корневом каталоге библиотеки запустите: a.
rm -rf dist
б.npm run build
с.cd dist
д.npm link
В приложении-потребителе обновите package.json, указав "packageName": "file: / path / to / local / node_module / packageName" "
В корневом каталоге приложения-потребителя запустите npm link packageName
источник
В моем случае я использовал неверный templateUrl, исправив его, проблема решена.
источник
В моем случае это связано с опечаткой с учетом регистра в пути импорта. Например,
Должно быть:
Вместо того:
источник