Customize Consent Preferences

We use cookies to help you navigate efficiently and perform certain functions. You will find detailed information about all cookies under each consent category below.

The cookies that are categorized as "Necessary" are stored on your browser as they are essential for enabling the basic functionalities of the site. ... 

Always Active

Necessary cookies are required to enable the basic features of this site, such as providing secure log-in or adjusting your consent preferences. These cookies do not store any personally identifiable data.

No cookies to display.

Functional cookies help perform certain functionalities like sharing the content of the website on social media platforms, collecting feedback, and other third-party features.

No cookies to display.

Analytical cookies are used to understand how visitors interact with the website. These cookies help provide information on metrics such as the number of visitors, bounce rate, traffic source, etc.

No cookies to display.

Performance cookies are used to understand and analyze the key performance indexes of the website which helps in delivering a better user experience for the visitors.

No cookies to display.

Advertisement cookies are used to provide visitors with customized advertisements based on the pages you visited previously and to analyze the effectiveness of the ad campaigns.

No cookies to display.

flutter

【flutter】No file or variants found for asset:~ エラーの理由

結論

大きく分けて2つの理由があります。

どちらの理由もpubspec.yamlファイルで、リソース(画像やテキストファイルなど)を指定する箇所おけるエラーです。

  1. pubspec.yamlにスラッシュの記述が足りない

  2. ファイルを置く場所が間違っている

pubspec.yamlにスラッシュの記述がたりない

以下のようなケースです

エラーケース

flutter:
assets:
– assets/text

→エラー「No file or variants found for asset: assets/text. 」

正常ケース

flutter:
assets:
– assets/text/
  #<=フォルダの場合は最後に/が必要

→正常

このようにフォルダを示す場合は、最後にスラッシュ(/)がないとエラーとなります。

ファイルを置く場所が間違っている

プロジェクトフォルダの直下にフォルダ、またはファイルを作る必要があります。

良い例)

プロジェクトフォルダを「flutter_app2」

pubspec.yamlの宣言を

flutter:
assets:
– assets/text/

としたならば、

flutter_app2 の直下にassetsフォルダ作る必要があります。

悪い例)

そんな基本的なミスする人いるのか!?と思われれるかもしれませんが、私はミスして数時間無駄にしてしまいました。。。。

メインのプロジェクトフォルダである「flutter_app2」ではなく、「dart_tool」配下にリソースフォルダを作ってしまった例

最後に

pubspec.yaml 関係のエラーは

・ファイル配置が間違っている

・構文が間違っている(インデント、空白、/が足りない)

など基本的な間違いが多いので、散歩でも深呼吸でもして気分変えてから取り組むと解消しやすいです。

+1
広告




関連記事