Dabolus / fluent-localize-mixin

A mixin for custom elements that provides easy l10n out of the box.
MIT License
9 stars 2 forks source link

Uncaught TypeError: Failed to resolve module specifier "fluent". Relative references must start with either "/", "./", or "../". #2

Open jllanes-ss opened 5 years ago

jllanes-ss commented 5 years ago

Hi

Could you help

Steps to reproduce

1- install pwa-starter-kit "git clone --depth 1 https://github.com/Polymer/pwa-starter-kit my-app" 2- npm install 3- npm i fluent-localize-mixin

error Uncaught TypeError: Failed to resolve module specifier "fluent". Relative references must start with either "/", "./", or "../".

my-app.js

import { LitElement, html, css } from 'lit-element';
import { setPassiveTouchGestures } from '@polymer/polymer/lib/utils/settings.js';
import { connect } from 'pwa-helpers/connect-mixin.js';
import { installMediaQueryWatcher } from 'pwa-helpers/media-query.js';
import { installOfflineWatcher } from 'pwa-helpers/network.js';
import { installRouter } from 'pwa-helpers/router.js';
import { updateMetadata } from 'pwa-helpers/metadata.js';

// This element is connected to the Redux store.
import { store } from '../store.js';

// These are the actions needed by this element.
import {
  navigate,
  updateOffline,
  updateDrawerState
} from '../actions/app.js';

// These are the elements needed by this element.
import '@polymer/app-layout/app-drawer/app-drawer.js';
import '@polymer/app-layout/app-header/app-header.js';
import '@polymer/app-layout/app-scroll-effects/effects/waterfall.js';
import '@polymer/app-layout/app-toolbar/app-toolbar.js';
import { menuIcon } from './my-icons.js';
import './snack-bar.js';

import {localize} from 'fluent-localize-mixin';

class MyApp extends connect(store)(localize(LitElement)) {

package.json

{
  "name": "pwa-starter-kit",
  "version": "0.9.0",
  "contributors": [
    "The Polymer Authors"
  ],
  "license": "BSD-3-Clause",
  "repository": "Polymer/pwa-starter-kit",
  "scripts": {
    "start": "polymer serve",
    "build": "polymer build --auto-base-path && gulp prpl-server",
    "build:static": "polymer build",
    "serve": "prpl-server --root server/build",
    "serve:static": "polymer serve --port 5000 build/es5-bundled",
    "test": "npm run test:unit && npm run test:integration",
    "test:integration": "mocha test/integration --timeout=10000",
    "test:unit": "polymer test --module-resolution=node --npm",
    "test:sauce": "polymer test --module-resolution=node --npm -s 'windows 10/microsoftedge@17' -s 'macos 10.13/safari@11'",
    "test:regenerate_screenshots": "mocha test/integration/screenshots-baseline/regenerate.js --timeout=15000"
  },
  "dependencies": {
    "@polymer/app-layout": "^3.0.0",
    "@polymer/polymer": "^3.1.0",
    "@webcomponents/webcomponentsjs": "^2.2.4",
    "fluent-localize-mixin": "^0.5.0",
    "lit-element": "^2.0.0-rc.5",
    "pwa-helpers": "^0.9.0",
    "redux": "^4.0.0",
    "redux-thunk": "^2.3.0",
    "reselect": "^4.0.0"
  },
  "devDependencies": {
    "@polymer/test-fixture": "^4.0.2",
    "axe-core": "^3.0.0",
    "chai": "^4.1.2",
    "del": "^3.0.0",
    "gulp": "^4.0.0",
    "gulp-rename": "^1.3.0",
    "gulp-replace": "^1.0.0",
    "mocha": "^5.2.0",
    "pixelmatch": "^4.0.2",
    "polymer-cli": "^1.9.3",
    "polyserve": "^0.27.0",
    "prpl-server": "^1.4.0",
    "puppeteer": "^1.5.0",
    "wct-mocha": "^1.0.0"
  }
}
kipruto commented 3 years ago

Terminate the server with Ctrl + C

Then type polyserve --module-resolution=node and press enter

Hopefully that helps

inz2020 commented 3 years ago

Bonjour tout le monde,

S'il vous plait, pouvez vous m'aider à résoudre ce problème? " Uncaught TypeError: Failed to resolve module specifier "assert". Relative references must start with either "/", "./", or "../". "

Merci !!